jQuery的ajax加载外部页面原理

2017-12-18  本文已影响0人  柠檬提_

都知道ajax是一个异步请求,很多人一听到异步请求就头疼,其实异步请求原理很简单:我问你要东西,你给我东西。

“要东西的时候有这么几种情况:问谁要、明着要还是悄悄要、要什么、你以什么方式给我、给我以后我怎么处理、我问你要东西你没听见怎么办?

“回到JavaScript的ajax请求上面!我们有一个html的静态页面,页面中需要显示后台数据库中的一个用户的信息。现在有一个handle.php页面它可以通过用户的userid从数据库中拿到对应的用户信息,具体它是怎么处理的数据库你不用关心,你只需要知道:你要哪个用户的信息、他就会按照特定的JSON格式给你。就像我刚问你要用户反馈表一样,你问handle.php要某个用户的信息,它也需要一定的时间才能给你,当它给了你数据以后你才能对数据进行处理。这个过程就是一个异步过程,我们必须等拿到数据后才能对数据进行处理。”


第一个参数url是handle相对于当前页面的地址,这就是问谁要。第二个参数type一般传两种参数get(明着要)和post(悄悄要)。第三个参数data是我们要发送给handle的数据,说白了就是刚我们说的要什么。第四个参数dataType就是以什么方式给我,这里要求的是json格式数据。最后一个参数是success,这个就是给我以后怎么处理。这几个参数是我们ajax请求时最常用到的

ajax代码中success,这里就是数据给我们以后的处理方法,通过外部加载的json字符串会默认转换为对象,所以这里我用了JSON.stringify()将返回的结果转换成字符串,方便控制台输出查看它的内容。

上一篇下一篇

猜你喜欢

热点阅读