在已经“AJAX”的页面上加载AJAX

时间:2012-10-01 08:25:17

标签: jquery ajax coldfusion

我有脚本通过AJAX将内容加载到DIV中,方法是将#link string添加到地址:

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的表单内,该表单已通过AJAX请求加载到content.cfm中。

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

谢谢。

1 个答案:

答案 0 :(得分:0)

也许这不是你想要的,但是:

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 -decod发布的值!