【问题标题】:Refresh the result of a form without refresh the page (Filter)刷新表单的结果而不刷新页面(过滤器)
【发布时间】:2011-07-19 19:27:39
【问题描述】:

我有一个问题,我正在使用 jquery、jqueryui 和基本的 ajax。

我想使用一些插件或简单的方法来刷新表单的结果而不刷新页面。

例如,如果我搜索酒店并且我只想过滤结果在同一页面中加载而不刷新的 3 个开始的酒店

谢谢!!

这是滑块 jquery 代码:

$(function() {
    $( "#slider-range-min" ).slider({
        range: "min",
        value: 50000,
        min: 1,
        max: 50000,
        slide: function( event, ui ) {
            $( "#amount" ).val(ui.value+ " €" );
        }
    });
    $( "#amount" ).val($( "#slider-range-min" ).slider( "value" )+ " €" );
});

【问题讨论】:

标签: jquery ajax forms


【解决方案1】:

如果你对某个框架感兴趣,Yii 提供了一些很棒的小部件,它们具有你感兴趣的行为(以及更多)。

在此处阅读更多信息:http://www.yiiframework.com/ 和此处:http://www.larryullman.com/2009/10/31/getting-started-with-the-yii-framework/

如果你不想要一个框架,我想用 jquery 和 ajax 可以很容易地完成,但你应该分享一些 html 代码。

代码:

`$.post('当前网址', $(formSelector).serialize(), function(data) {

var table = $.xmlDOM(data).find(tableSelector).html();

$(tableSelector).html(table);

}`

这不是很干净和有效的方法,但它应该可以解决问题(Yii 也是这样做的:D)

【讨论】:

  • 这是滑块 jquery 代码: $(function() { $( "#slider-range-min" ).slider({ range: "min", value: 50000, min: 1,最大值:50000,幻灯片:函数(事件,ui){$(“#amount”).val(ui.value+“€”);}});$(“#amount”).val($(“#slider -range-min" ).slider( "value" )+ " €" ); });
  • 好的,但是您从哪里获取这些酒店信息?我猜你有某种表格并且你想过滤它,但我无法读取你的计算机文件:)。
  • 我有一个表单,可以加载一个带有查询结果的表。然后我想过滤这个结果,以便只显示 3 个开始的酒店表单示例。
  • 如果您将表单数据直接传递给查询(由于 sql 注入威胁,不太推荐这样做),您可以通过 ajax 提交表单,从 ajax 响应中获取表并替换现有的表。所以看起来我会在一分钟内给出我的答案
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-06-18
  • 2011-12-22
  • 2011-04-28
  • 2015-03-04
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多