您的位置 首页 > 数码极客

jq如何存ajax数据

jQuery库中支持AJAX的操作,功能十分完善

详细请参考官方文档:

首先需要引入jquery文件!!!

$.ajax

$.ajax({ // 设置请求地址 url: 'j;, // 设置请求方式(不设置时默认为get) type: 'get', // 设置的是请求参数 data: {id: 1, name: '张三'}, // 用于设置响应体的类型 注意跟 data 参数没关系 dataType: 'json', success: function (res) { // res 会自动根据服务端相应的 Content-Type 自动转换为对象 // 这是 jquery 内部实现的 con(res); } });

j

<?php

$xiaofang = array('name' => '小方', 'age' => 18);

echo json_encode($xiaofang);

控制台显示:

注意:设置了 dataType 之后,同时在服务端设置了 Content-Type之后,则不会管服务端设置了哪种文档类型!!!

现在,我们在 j 中设置 applicatioin/xml

<?php

$xiaofang = array('name' => '小方', 'age' => 18);

header('Content-Type: application/xml');

echo json_encode($xiaofang);

控制台还是显示

$.ajax 中的 callback

$.ajax({ url: ';, type: 'get', beforeSend: function (xhr) { // 在所有(open,send)之前执行 con('beforeSend', xhr); }, // 只有请求成功(状态码为200)才会执行这个函数 success: function (res) { con('success', res); }, error: function (xhr) { // 只有请求不正常(状态码不为200)才会执行 con('error', xhr); }, complete: function (xhr) { // 请求完成:不管是成功还是失败都会触发 con('complete', xhr); } });

运行结果:(这算是请求成功了)

现在我们将存在的地址改变为一个不存在的地址再次请求

运行结果则会是

$.get和$.post(我们大多数使用这两个)

正如方法名一样,$.get 就是使用 get 的请求方式对服务端进行请求

$.post 就是使用 post 的请求方式对服务端进行请求

两个方法的参数为:

第一个参数:请求地址

第二个参数:传递到服务端的参数(使用对象方式即可,也可使用 urlencoded 形式)

第三个参数:回调函数(接收响应体)

$.get(';, {id: 1}, function (res) { con(res); }); $.post(';, {id: 1}, function (res) { con(res); }); $.get(';, 'id=1', function (res) { con(res); }); $.post(';, 'id=1', function (res) { con(res); });

如果我们必须要从服务端接收 JSON 格式的数据的话,那么就要使用 $.getJSON()了,并且一定要在服务端设置 'Content-Type: application/json'。不然拿到的数据是字符串类型的

例如:

j

$xiaofang = array('name' => '小方', 'age' => 18);

echo json_encode($xiaofang);

ajax

$.getJSON('j;, {id: 1}, function (res) { con(res); });

运行结果

现在我们在服务端设置 'Content-Type: application/json'

<?php

$xiaofang = array('name' => '小方', 'age' => 18);

header('Content-Type: application/json');

echo json_encode($xiaofang);

那么,运行结果为:

责任编辑: 鲁达

1.内容基于多重复合算法人工智能语言模型创作,旨在以深度学习研究为目的传播信息知识,内容观点与本网站无关,反馈举报请
2.仅供读者参考,本网站未对该内容进行证实,对其原创性、真实性、完整性、及时性不作任何保证;
3.本站属于非营利性站点无毒无广告,请读者放心使用!

“jq如何存ajax数据”边界阅读