jquery - 在已经“AJAX”处理的页面上加载 AJAX

Question

我有通过将#link 字符串添加到地址中来通过 AJAX 将内容加载到 DIV 的脚本：

function loadPage(url) {        
    ajaxURL = document.URL;
    splitedAjaxURL = ajaxURL.split('#');

    url = url.replace('#page','');  
    $('#loading').css('display','block');   
    $.ajax( { type: "POST",
              url: "ajax_loader.cfm",
              data: 'page='+url,
              dataType: "html",
              success: function(msg) {
                  if(parseInt(msg) != 0) {
              $('#pageContent').html(msg);
              $('#loading').css('display','none');
          }
       } 
    });
}

在该页面上，我有一个选择下拉菜单，允许用户选择要显示的项目数（10、20、40、70 ......等）。此选择位于其操作为 的表单中abc.cfm，该表单已content.cfm通过 AJAX 请求加载。

如何将选择操作附加到 AJAX？目前，当我选择一个选项时，它会abc.cfm作为单独的页面打开。但我需要它在里面content.cfm，就像我的第一个请求一样。

谢谢你。

Answer 1

也许这不是您想要的，但是：

function loadPage(url)
  {

      ajaxURL = document.URL;
      splitedAjaxURL = ajaxURL.split('#');
      url=url.replace('#page','');
      data = {
        "page":url,
        "select_id": $("#your_select_id").val(),
      };
      $('#loading').css('display','block'); 
      $.ajax({
      type: "POST",
      url: "ajax_loader.cfm",
      data: data,
      success: function(msg){
 if(parseInt(msg)!=0)
     {
      $('#pageContent').html(msg);
      $('#loading').css('display','none');
     }
  }
 });

在服务器端，您需要对发布的值进行 json 解码！