AJAX学习笔记

Ajax:异步的JS和XMl,非编程语言,是种无需重新加载整个网页的情况下能够更新部分网页的技术

 

传统的网页(无ajax),想要检验数据,需要提交后,重新载入页面才知道结果

使用ajax就能填写时,进行数据交换验证等

 

用html,css实现页面;使用xmlHTTPrequest和web服务器进行数据的异步交换; JS操作dom,实现即时局部更新

 

阿贾克斯A杰克s

 

同步与 异步事件

同步:填写表单必须填完提交后服务器校验,数据错,又要返回填

异步:填写过程,填完一个,即时发送到服务器校验,错则提示

 

XMLhttprequest对象实现异步,由于IE6以前的不支持该对象,故一下代码进行兼容


 

HTTP是计算机通过网络进行通信的规则,使浏览器请求信息和服务,是无状态协议(不建立持久连接,不保留请求信息),

 

请求头和请求尾有空行表示结束,如下例子

 

下例中没有正文

 

xmlhttprequest发送请求

使用open(method,url,async)方法;send(string)方法, 发送请求

Method指传输的方法 : post/get

Asyns默认为true,即是异步,可不写

Post一般填写send中的参数(表示post过去的信息)

如:中间一句表示发送表单参数

 

Xmlhttprequest如何取得响应

通过readystate属性知道服务器是否响应,只要4完成即可

 

常用方法:


代码

 

使用集成环境搭配web服务器作为本地测试

DW新建站点:设置站点地址(服务器根目录位置),设置服务器位置

调试服务器端的代码,不一定要等待前端开发好之后,可以使用软件

告诉客户端响应回来的格式是什么 Content-Type plain纯文本

PHP是一种创建动态交互性站点的服务器端脚本语言

 

Fiddler一款监控计算机所有http的软件

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值