码迷,mamicode.com
首页 > Web开发 > 详细

有关ajax的理解;

时间:2019-03-13 10:39:22      阅读:208      评论:0      收藏:0      [点我收藏+]

标签:call   优势   false   调用函数   bsp   替换   指定   type   解决   

jQuery是JavaScript封装的一个库,里面封装了一些便于我们使用的方法,同时还有$.ajax()的一些理解需要我们更加深入了解

ajax简介:

实现后台与前台交互的功能或方法就叫做ajax;ajax的优势就在于不用刷新页面直接修改网页内容,或更改局部的内容;

ajax的请求方式有两种:get/post;

ajax的本质就是xmlHttpRequest对象,控制台输出这个对象,这个对象上有三个属性:

(1)readyState  请求的五个阶段 0 1 2 3 4

(2)responseText  返回的文件内容

(3)Status  状态吗  返回的状态信息

在对象上__proto__上有三个方法:

(1)open()  给后台发送请求(get/post,同步异步,请求地址)

(2)send()  发送

(3)onreadystatechange() 服务器响应 (如果发送成功则对返回的数据进行处理)

Jquery $.ajax():

1. load( url, [data], [callback] ) :从服务器加载数据,并把返回的数据放置到指定的元素中,当一个网站有许多页面,但是头部和尾部都一样,可以使用load,节省开发效率

load传参:是以post方式发送的php后台用post接收或request接收

2. get 所有参数:

url:载入页面的地址  

data:向服务器发送的数据(键值对)

success:成功后的回调函数

datatype:返回的内容的数据形式

3. post 所有参数:

url:载入页面的地址  

data:向服务器发送的数据(键值对)

success:成功后的回调函数

datatype:返回的内容的数据形式

4. ajax 所有参数:

url:请求地址

type:请求方式(GET/POST)

data:要发送的数据

async:同步异步(true/false)

beforsend:发送请求前执行的函数(全局)

success:发送成功之后的回调函数(全局)

error:失败之后执行的回调函数(全局)

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

跨域ajax   解决跨域

靠标签身上的src属性解决跨域的问题,利用script标签的src属性去请求外部的数据

看网络地址 关键单词 cb和callback

有关ajax的理解;

标签:call   优势   false   调用函数   bsp   替换   指定   type   解决   

原文地址:https://www.cnblogs.com/qinlinkun/p/10521397.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!