AJAX基础

最新推荐文章于 2024-11-13 15:29:17 发布

weixin_73723055

最新推荐文章于 2024-11-13 15:29:17 发布

阅读量84

点赞数

文章标签： javascript ajax 前端

本文链接：https://blog.csdn.net/weixin_73723055/article/details/128839137

版权

本文介绍了表单提交的两种方式GET和POST，GET的安全性较低但速度快，POST则相反。讨论了表单提交的命名原则和事件处理。接着，讲解了AJAX的工作原理，包括同步与异步的概念，以及其优缺点，如无需刷新页面、部分更新内容但存在跨域和SEO问题。最后，展示了原生AJAX的实现步骤，包括创建XMLHttpRequest对象、发送请求、处理响应状态和数据。

摘要由CSDN通过智能技术生成

###
日期：2.1
   表单提交
       method        表单提交的方式
       action        表单提交的地址
           get请求    不安全参数受限制但是速度快
           post请求安全参数不受限但是速度慢
       表单提交的原则
           如果name值相同的表单提交，该name值会出现多长，且对应不同表单的值

       表单提交事件
           submit()
       表单序列化
           serialize()
           serializaArray()
   AJAX原理
       同步的理解   同步就是等请求完成数据返回完毕之后，才可以干别的事情
       异步的理解   客户端发请求的时，在等待服务器响应的时候，客户端可以做其他的事情
                   不需要重新加载网页，对网页的某部分继续更新
       优点
           可以无需刷新页面，与服务器进行通信
           允许依据用户事件来更新部分页面内容
       缺点
           没有历史记录，不能回退
           存在跨域问题
           SEO不友好
   原生AJAX
       1、创建Ajax对象
           var xmlhttp = new XMLHttpRequest()
       2、向服务器发送请求
           xmlhttp.open("get","http://127.0.0.1:8080",true)
       3、获取响应
           responseText        获得字符串的形式的响应式数据
           responseXML        获得XML的形式的响应式数据
           status                200:OK 404:未找到页面
           readyState
               0：请求为初始化
               1：服务器连接建立

           xmlhttp.onreadystatechange = function(){
               if(xmlhttp.statys==200&&xmlhttp.readyState==4){

               }
           }
       4、发送send()
           xmlhttp.send()