×

jquery的ajax怎么用

jquery的ajax怎么用(jquery ajax 怎么用json)

admin admin 发表于2024-09-25 18:16:10 浏览4 评论0

抢沙发发表评论

大家好,关于jquery的ajax怎么用很多朋友都还不太明白,不过没关系,因为今天小编就来为大家分享关于jquery ajax 怎么用json的知识点,相信应该可以解决大家的一些困惑和问题,如果碰巧可以解决您的问题,还望关注下本站哦,希望对各位有所帮助!

本文目录

jquery ajax 怎么用json

首先要明白ajax的基本格式,参考下面的内容,可以发现,data参数,是传到服务器的参数,里面的值可以定义成json格式,当服务器接收到参数后,默认自动就是json格式。

总结一下:传的什么格式到服务器,服务器会默认接收什么格式的数据,当然,可以在传值的时候加参数,如下面例子中的“dataType”参数

以下是ajax的一些参数:

$.ajax({     type:’post’,    url:’/testajax.php’,    dataType:’json’,    data:{uid:uid,rands:Math.random()},    success: function(){        alert(’ajax return success’);}});

url,类型:String,默认值: 当前页地址。发送请求的地址

data, 类型:String,发送到服务器的数据。将自动转换为请求字符串格式。GET 请求中将附加在 URL 后。查看 processData 选项说明以禁止此自动转换。必须为 Key/Value 格式。如果为数组,jQuery 将自动为不同值对应同一个名称。如 {foo:} 转换为 ’&foo=bar1&foo=bar2’

dataType,类型:String,预期服务器返回的数据类型。如果不指定,jQuery 将自动根据 HTTP 包 MIME 信息来智能判断,比如 XML MIME 类型就被识别为 XML。在 1.4 中,JSON 就会生成一个 JavaScript 对象,而 script 则会执行这个脚本。随后服务器端返回的数据会根据这个值解析后,传递给回调函数。可用值:

"xml": 返回 XML 文档,可用 jQuery 处理。

"html": 返回纯文本 HTML 信息;包含的 script 标签会在插入 dom 时执行。

"script": 返回纯文本 JavaScript 代码。不会自动缓存结果。除非设置了 "cache" 参数。注意:在远程请求时(不在同一个域下),所有 POST 请求都将转为 GET 请求。(因为将使用 DOM 的 script标签来加载)

"json": 返回 JSON 数据 。

"jsonp": JSONP 格式。使用 JSONP 形式调用函数时,如 "myurl?callback=?" jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。

"text": 返回纯文本字符串

success,当请求之后调用。传入返回后的数据,以及包含成功代码的字符串

jquery.ajax具体是如何操作的,用jq.ajax()跳转过去的页面是怎么在后台执行前面的请求回到前一个页面的

既然你懂的大概流程,直接上代码可能会快些。

前台页面

《script language="JavaScript"》    $(document).ready(function () {        $.ajax({            type    : "POST",            cache   :false,            data    : {"name":"Jack"},            async    : false,            url     : ’/Touches/ajaxTest’,            dataType: ’json’,            success : function(rtn) {                $("#111").html(rtn);                alert(document.getElementById("222").innerHTML);                //这里就是返回的效果,输出Hello Jack!            },            error   : function(XMLHttpRequest, textStatus, errorThrown) {                alert(’通信失败:’ + errorThrown);            }        });    });《/script》《div id="111"》《/div》

后台处理

    //我用的是cakephp框架    public function ajaxTest() {        $p = $this-》request-》data;        $rtn = ’《div id="222"》Hello ’ . $p . ’!《/div》’;        return new CakeResponse(array(’body’ =》 json_encode($rtn)));    }

jquery ajax使用方法

JQUERY:$.ajax({type:’post’,//可选geturl:’action.php’,//这里是接收数据的PHP程序data:’data=’dsa’’,//传给PHP的数据,多个参数用&连接dataType:’text’,//服务器返回的数据类型 可选XML ,Json jsonp script html text等success:function(msg){//这里是ajax提交成功后,PHP程序返回的数据处理函数。msg是返回的数据,数据类型在dataType参数里定义!},error:function(){ajax提交失败的处理函数!}})PHP action.php《?phpecho "this is a ajax example!";?》

jquery ajax 怎么用json的介绍就聊到这里吧,感谢你花时间阅读本站内容,更多关于jquery ajax 怎么用json、jquery ajax 怎么用json的信息别忘了在本站进行查找哦。