怎么通过ajax从后台获取json数据

怎么通过ajax从后台获取json数据,第1张

1第一步:创建异步对象

var xhr=new XML>

fetch请求json数据的基本步骤如下

1以简单的方式获取JSONP

2设置JSONP回调参数名称,默认为’回调’

3设置JSONP回调函数名称,默认为带json_前缀的随机数

4设置JSONP请求超时,默认为5000ms

jsonpCallback和之间的区别jsonpCallbackFunction:

jsonpCallback,默认值是callback;它是回调参数的名称

jsonCallbackFunction,默认值是null;它是回调函数的名称。为了使它与众不同,它是一个带有jsonp_前缀的随机字符串jsonp_1497658186785_39551。如果由服务器设置,则将其留空,如果回调函数名称是固定的,则将其明确设置。  

1、在MYSQL中新建一个test数据库,在里面新建一张type数据表,下面将从该表获得数据。

2、新建一个project小程序项目。

3、在project项目内,新建一个index模块来从数据库获得数据,并将数据输出在indexwxml页面

4、在index模块中indexjs页面,在onLoad中使用wxrequest方法向服务端文件请求数据。url为请求数据的地址;data为传输的参数,这里设置为空;method为传递参数的方式,header用于设置请求的数据类型,success是成功获得数据后的 *** 作。

5、在indexwxml页面,使用for循环遍历输出indexjs传递过来的数据data,通过item将data数据输出在页面。

6、在服务端新建一个apiphp页面来接收微信小程序的数据请求。

7、最后编译微信小程序,查看从数据表type获得数据内容,成功从数据库读取数据并输出在页面上。

只能用循环,代码如下:

[html] view plain copy

var head_id = "";

var head_pid = "";

for (var i = 0; i < dataheadlength; i++) {

head_id += datahead[i]id + " "; //循环输出json数据

head_pid += datahead[i]pid + " ";

}

$("#city")append("city:" + head_id);

$("#city")append("province:" + head_pid);

这样,将会在data之后,依次输出json中的数据。

若想有选择性的输出时,需要添加if条件,代码如下:

[html] view plain copy

for (var i = 0; i < dataheadlength; i++) {

if (datahead[i]pid == "河南省") { //有选择的输出json数据

head_pid += datahead[i]pid;

}

}

ps:需要注意的是,倘若对象中有多组数据,则用dataheadid是undefined的,因为没有标明是哪组数据,例如datahead[0]id,若对象中只有一组数据,则可以直接用dataheadid输出。

以上就是关于怎么通过ajax从后台获取json数据全部的内容,包括:怎么通过ajax从后台获取json数据、如何通过js 获取json数据、fetch请求json数据的基本步骤等相关内容解答,如果想了解更多相关内容,可以关注我们,你们的支持是我们更新的动力!

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/9655705.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2023-04-30
下一篇2023-04-30

发表评论

登录后才能评论

评论列表(0条)

    保存