JS交互

本文深入讲解Ajax技术原理,包括其异步数据加载特性,对比GET与POST方法,以及JSON数据格式的使用。涵盖Ajax基础语法、请求数据流程及JSON字符串转换。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

ajax:
1.json
2.ajax基础语法–假数据
3.ajax基础语法–真实接口

一.ajax

定义:Ajax在浏览器与服务器之间异步加载数据
Ajax=异步javaScript和XML(Asynchronous JavaScript and XML)
AJAX 不是编程语言,而是创建更好更快以及交互性更强的 Web 应用程序的技术
Ajax在不重载整个页面的情况下,对页面局部内容进行更新

解释:
请求数据的
图书馆借书==》借了 1.等,借 2.自己继续干自己的事情
送快递==》三个快递送出去
1.1个快递员 等待送完之后送下一个
2.多个快递员 各送各的
程序:异步的 无刷新的 技术

二.语法

$.ajax({
url:’’,
type:‘get’,//get或post put delete… 常用get,post
dataType:‘json’,
async:true,
success:function(res){},
fail:function(){}
})
get和post的区别:
1.get容易出现缓存
2.get参数会显示到url上
3.get方式请求快,post请求数据有限制
4.后台接收参数的方式不一样 php: $_GET $_POST

三.json

轻量级的文本数据交换格式
独立于语言和平台
比XML更小、更快,更易解析
分类:
json数组 []
json对象
{
“name”
}
[

]
注意:json尽量使用"" json文件中不要出现除了数据以外的内容

第一步请求数据:$.ajax()
第二步处理数据:success:function(res){ }
第三步展示到页面中:

json:数据
ajax:请求数据
字符串和json之间的相互转化
string==>json: JSON.parse(str)
json==>string: JSON.stringify(obj)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值