美文网首页
jQuery的ajax加载外部页面原理

jQuery的ajax加载外部页面原理

作者: 柠檬提_ | 来源:发表于2017-12-18 10:25 被阅读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()将返回的结果转换成字符串,方便控制台输出查看它的内容。

相关文章

  • jQuery的ajax加载外部页面原理

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

  • jQuery模拟vue子组件向父组件传值

    描述:项目是用jQuery为框架,是用ajax.load局部加载页面的单页面应用。未局部加载的页面(页面A)就相当...

  • laravel-pjax【在 Laravel 5 中集成 Pja

    jquery-pjax说明 简介 Pjax 是一个 jQuery 插件,其作用是使用 ajax 来加速页面加载时间...

  • jquery+ajax实现动态加载表单

    场景:springMVC+jquery+ajax+jsp实现在页面中输入数字后,点击按钮,表单中自动加载指定行数据...

  • 十七、初识jquery

    jquery加载 首先引入外部jquery文件 alert($) 弹出function (a,b){return ...

  • Javascript 学习笔记

    三.jquery和js初始化加载页面的区别 jquery:等待页面加载完数据,以及页面部分元素(不包括图片、视频)...

  • JS | jQuery.ajax() 函数使用

    前言 jQuery AJAX 是一种与服务器交换数据库的技术,实现页面异步加载数据,也就是说在不重新载入整个页面的...

  • ajax

    定义和用法: ajax() 方法通过 HTTP 请求加载远程数据。 该方法是 jQuery 底层 AJAX 实现。...

  • PHP 和 Ajax

    Php代码 收藏代码 ajax通过 HTTP 请求加载远程数据。jQuery 底层 AJAX 实现。简单易用的高...

  • JQuery-页面加载

    DOM中页面加载 jQuery中页面加载 方法一: 方法二: 方法三: 方法四:

网友评论

      本文标题:jQuery的ajax加载外部页面原理

      本文链接:https://www.haomeiwen.com/subject/gompwxtx.html