ajax数据交互异步基本知识

本文介绍了Ajax的基本概念,包括客户端与服务器通信、URL组成、GET请求和JQuery库的使用。讲解了如何在VSCode中调用JQuery、使用Postman进行API测试以及表单数据的获取。同时,探讨了HTTPRequest Level Two的新功能,如文件上传、表单数据管理和进度信息。文章还讨论了同源策略、跨域问题及其解决办法,包括JSONP和Axios的使用,并触及到防抖和节流策略在优化请求中的应用。最后,解释了HTTP请求和响应消息的结构。
摘要由CSDN通过智能技术生成

客户端与服务器通信

请求  处理  响应

url地址组成

通信协议
服务器名称
具体存放位置

资源请求方式:

Get 获取服务器资源
Post 提交数据 

get语法

怎么在VSCode中调用JQuery库?

1 在官网下载JQuery库
2 在HTML文档中进行引用

怎么使用Postman进行API测试?

1 选择请求类型(post get等
2 输入url
3 选择类型  输入发送对象的内容
4 发送
5 下方查看服务器响应结果

form的属性

	action属性
		发送表单地址的url
		默认值,当前url地址
		提交后,页面跳转到指定的url
	target属性
		在哪里打开url
		(当前窗口//新窗口)_blank//_self
	Method
		Get(用url提交数据  少量 简单)
		//post(大量的 复杂的 文件上传  常用)
	Enctype
		不涉及文件上传  application/x-www-form-urlencoded
		涉及  form-data

表单同步提交:

	点击submit 触发表单提交操作  跳转url 
	缺点:页面跳转,状态数据丢失
	解决:表单只采集数据,ajax提交数据

快速获取表单数据(JQuery库)

	seriallize()函数(数据标签必须有name属性)

模板引擎

		指定数据和模板结构
		自动生成HTML页面
		优点:减少字符串拼接操作,结构清晰,便于阅读维护
		Art-template

什么是XML

	可扩展标记语言
	html是网页内容的载体&
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值