jQuery Ajax=成功返回页面


jQuery Ajax = success return page

好的,所以我知道长手ajax,但尝试使用jQuery的捷径。我有两份文件

  1. form.php
  2. 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",因此我不仅需要在页面中运行脚本,还需要返回该页面的内容。谢谢你的帮助。

Chagne要显示submit.php内容的callbackdataType:'json'dataType:'html'

您在第二次尝试时很接近,但您输入了一个错误。尝试:

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

此外,除非您的服务器返回JSON,否则您可能希望更改dataType:

dataType: "html"