Question

好的，所以我知道长手ajax，但试图使用jQuery捷径。我有两个文件

form.php的
submit.php

在我的“表单”页面中，我调用“提交”页面来处理插入内容。我目前正在使用jquery ajax：

   <script type="text/javascript"> 
   jQuery('form').submit(function() {   
   string = jQuery("form").serializeArray();
   jQuery.ajax({
   type: "POST",
   url: "submit.php", 
   data: string,
   dataType: "json",
   })   
   return false; 
   }); 
   </script>

当我查看firebug时，它正在处理ajax罚款。我得到200并且设置了帖子参数。我想要做的是让ajax返回submit.php文件。我知道它与“成功”功能有关，但我不知道如何添加它。我试过了几件事：

   <script type="text/javascript"> 
   jQuery('form').submit(function() {   
   string = jQuery("form").serializeArray();
   jQuery.ajax({
   type: "POST",
   url: "submit.php", 
   data: string,
   dataType: "json",
   success: function(html){
   alert(html);
   }
   })   
   return false; 
   }); 
   </script>

和

   <script type="text/javascript"> 
   jQuery('form').submit(function() {   
   string = jQuery("form").serializeArray();
   jQuery.ajax({
   type: "POST",
   url: "submit.php", 
   data: string,
   dataType: "json",
   success: function(html){
   $('.result').html(data);
   }
   })   
   return false; 
   }); 
   </script>

但这些都不起作用。我再次尝试发送ajax请求，然后返回submit.php页面的内容。 submit.php页面不仅包含脚本来处理php / ajax插入，而且还显示成功语句，如“insert was successful”，这就是为什么我不仅需要在页面中运行脚本而且还要返回内容该页面。感谢您的任何帮助。

Answer 1

将您希望显示dataType:'json'内容的dataType:'html'的{{1}}更改为callback。

Answer 2

你在第二次尝试中接近了，但你犯了一个错字。尝试：

success: function (data) {
    $('.result').html(data);
}

此外，除非您的服务器返回JSON，否则您可能想要更改dataType：

dataType: "html"

jQuery Ajax =成功返回页面

2 个答案: