搜 索

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

编辑:QTOOL.NET日期:2018-05-15199

现在很多的网站中的留言板或评论代码中不存在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( )等
 
服务端json返回结果示例图
 
最后处理完成的数据php用echo json_encode(数组数据)、java中JSONObject.fromObject(XXXXX); System.out.println(jsonObject.toString())来返回json格式的处理结果.

TAG标签:ajaxjQuery
此文章由QTOOL.NET编辑
最新文章

热门标签