使用ajax响应更新div中的数据

时间:2014-01-09 04:56:58

标签: jquery html ajax

我遇到了无法解决的问题。部分是因为我无法用正确的术语来解释它。我是新手,对这个笨拙的问题感到抱歉。

您可以在下面看到我的目标概述。

这里我在Ajax中编写脚本,工作正常但是我有一个小问题...

<script type="text/javascript">
var Jquery=jQuery.noConflict();
function filter(url1) {
    var data1 = "&id=10";
        try {
            Jquery.ajax({
               url: url1,
               type : 'post',
               data: data1,
               success: function(response){
                   if (response) {
                    //Jquery('html').html(response); 
                      //using this i can update entire page  
                    Jquery('.category-products').html(response); 
                      // Using this i can update particular div with complete response  
                   }
               }
               });
        }
        catch(e){ }
}

但我的意图是用同一个div的响应来更新那个特定的div。

任何想法......

3 个答案:

答案 0 :(得分:2)

最后我得到了解决方案......

<script type="text/javascript">
        var Jquery=jQuery.noConflict();
        function filter(url1) {
            var data1 = "&id=10";
                try {
                    Jquery.ajax({
                       url: url1,
                       type : 'post',
                       data: data1,
                       success: function(response){
                           if (response) {
                            //Jquery('html').html(response); 
                              //using this i can update entire page  
                            //Jquery('.category-products').html(response); 
                              // Using this i can update particular div with complete response
                             var string = Jquery('.category-products', response);
                             Jquery('.category-products').html(string);
                           }
                       }
                       });
                }
                catch(e){ }
        }
</script>

答案 1 :(得分:1)

Var string = $(&#39; .category-products&#39;,response);

然后将字符串添加到div。

答案 2 :(得分:0)

你可以试试这个 -

Jquery(response).find('.category-products').html(response);