ajax技术的目的是让javascript发送http请求,与后台通信,获取数据和信息。ajax技术的原理是实例化xmlhttp对象,使用此对象与后台通信。ajax通信的过程不会影响后续javascript的执行,从而实现异步。
说的直白一点:ajax是使用js代码动态从服务器拿数据
先看一段简单的代码,
<!DOCTYPE html
>
<
html
lang=
'en'
>
<
head
>
<
meta
charset=
'UTF-8'
>
<
meta
name=
'viewport'
content=
'width=device-width, initial-scale=1.0'
>
<
meta
http-equiv=
'X-UA-Compatible'
content=
'ie=edge'
>
<
title
>Document
</
title
>
<
script
src=
'./js/jquery-1.12.4.min.js'
>
<
/
script
>
<
script
>
$(
function () {
// 去服务器获取数据
// 服务器的地址 url
// 要向服务器传数据 data
//服务器返回的数据格式 json xml 这里用json
//请求方式 一般是 get 或post
// 异步
$.
ajax({
// 不支持file协议 支持http
url:
'http://192.168.35.76:8888/mydata/data1.json',
data: {
name:
'xiaoming',
age:
18 },
dataType:
'json',
type:
'post'
}).
done(
function (
data) {
console.
log(
'请求成功');
console.
log(
data.
name);
console.
log(
data.
age);
}).
fail(
function () {
console.
log(
'请求失败');
})
console.
log(
'123');
// 1 不支持file协议 打开网页用网络地址
// 2.get post
// get 一般用于获取数据
// 上传的数据会拼接到Url后面 不安全
// url根据浏览器不同 长度有限制 不能传大量数据
// post 一般用上传大量数据 安全 没有长度显示
})
<
/
script
>
</
head
>
<
body
>
</
body
>
</
html
>
备注里讲了一些,get和post请求方式的区别。
分享的都是精髓,希望和大家一起学习进步!!