使用jQuery中的ajax与php实现无刷新无form提交数据表单功能

现在很多的网站中的留言板或评论代码中不存在form表单，或不用刷新页面就可以提交数据，并返回结果,那么这种形式是如何实现的呢

 

1、使用iframe框架标签,不推荐

 

2、使用ajax交互，推荐使用

 

首先web端的<script>中先输入以下内容

 

$(function(){

    $('#按钮id').click(function(){

         $.ajax({

             type: "post",

             url: "/XXXXX.PHP",   //服务端的网址

             data: {参数名1:值1, 参数名2:值2},

             dataType: "json",  //返回json格式数据

             success: function(data){  //获取返回结果用date表示

 XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX返回内容处理 如：$("xxxx").html(data.canshu1);

                      }

         });

    });

});

 

其中返回的数据格式dataType可以为xml文档、html文本、script、text、json格式，一般都使用json格式

 

 

ajax提交表单后服务端可以用基本的表单接收方式接收post数据，如php的$_POS['参数名'] 、java中的request.getParameter( )等

 

 

最后处理完成的数据php用echo json_encode(数组数据)、java中JSONObject.fromObject(XXXXX); System.out.println(jsonObject.toString())来返回json格式的处理结果.