繁体   English   中英

JQuery.ajax()方法未执行

[英]JQuery.ajax() method not executing

我有一个按钮,该按钮调用如下所示的JavaScript方法:

processSelection = function(filename) {
  //alert('method reached');
   $.ajax({
      url: "sec/selectUsers.php",
      data: "filename="+filename,
      cache: false,
      dataType:'html',

      success: function(data) {
        //$('#uploader').html(data);
        $('#noUsers').sortOptions();
        values = $('#noUsers').children();

        for (i = 0; i < values.length; i++) {
          $(values[i]).bind('dblclick',switchUser); 
        }

        $('#addButton').bind('click',addSelection);
        $('#removeButton').bind('click',removeSelection);
        $('#submitButton').bind('click',addUsersToFile);
      },

      error: function (request, textStatus, errorThrown) {
          alert('script error, please reload and retry'); 
      }

   }); /* ajax */
}

它不会转到selectUsers.php脚本,也不会发布错误消息。 当我点击“添加用户”按钮时,它什么也没做。 其他方法: switchUserremoveSelectionaddSelectionaddUserstoFile已经定义。

我对JavaScript和php相当陌生,并已在我们的网站上分配了此项目,以进行维护。 我的php_error.log也不显示错误。 如果有人对这个特定问题有任何建议,或者是一般性的调试,我将不胜感激。

这是点击事件:

 <input type="button" value="add users" onclick="processSelection('<?=$drFile['name']?>')"/>

好的,

为了简化我的问题,我这样做:

processSelection = function(){
              //alert('method reached');
               $.ajax({
                          url: "sec/testPage.php",
                          cache: false,
                          success: function() {
                                              alert('success');
                          },
                          dataType:'html',
                          error: function (request, textStatus, errorThrown) {
                              alert('script error, please reload and retry'); }
                     });

}

其中testPage.php只是其中包含一些值的表。

现在,当我单击按钮时,它显示为“成功”,但从不显示testPage.php

dataType: 'HTML' 

据我所知必须在成功方法之前。 如果仍然无法正常工作,请尝试以下操作:

它不会显示测试页,因为您没有在当前正文中添加任何内容。 如果您在屏幕上看到“成功”,则脚本成功执行。 您需要做的就是在testPage中生成html,将所有html分配给php变量,然后回显而不是像返回它一样

 echo $myhtmlgenerated 

并改变

 success: function() { ....

 success: function(result) { 
   $(body).append(result);
 }

或者您可以使用它并指定一个特殊的div来保存该页面的内容。

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM