AJAX（Asynchronous Javascript And Xml）

已于 2024-07-29 17:18:44 修改
阅读量239 收藏 3
点赞数 3
分类专栏： 前端 文章标签： ajax xml 前端
于 2024-07-28 22:51:34 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_63627378/article/details/140747657
版权

传统请求及缺点

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>传统请求</title>
</head>
<body>

<a href="old/request"></a>

<form action="" method="get">
    <input type="button" name=""  value="form提交">
</form>

<input type="button" name="" id="" value="提交">
<script>
    let btn=addEventListener('click',function () {
        window.location.href='/old/request';
    })
</script>

</body>
</html>
package A;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet("/request")
public class aaa extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=UTF-8");
        PrintWriter writer = resp.getWriter();

        writer.print("欢迎学习");


    }
}

AJAX概述

XMLHttpRequest对象

XMLHttpRequest对象的方法

XMLHttpRequest对象的属性

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>传统请求</title>
</head>
<body>
<!--<div id="mydiv"></div>-->

<!--<form action="ajaxrequest" method="post">-->

    <input type="text"  value="">
    <input type="submit"  value="提交" id="hellobtn">
<!--</form>-->

<script>
    window.onload = () => {
        document.getElementById("hellobtn").addEventListener("click", () => {
            // console.log("ajax")
            let xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    alert(xhr.responseText);
                }
            }
            xhr.open("POST", "ajaxrequest", true);
            xhr.send();

            }
        )
    }


            // let xhr = new XMLHttpRequest();
            // xhr.onreadystatechange = function () {
            //     if (xhr.readyState === 4 && xhr.status === 404) {
            //         console.log("hajsa");
            //     }
            // }



</script>


</body>

</html>
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>发送ajax get请求</title>
</head>
<body>
<script type="text/javascript">
    window.onload = function () {
        document.getElementById("btn").onclick = function () {
            //1. 创建AJAX核心对象
            var xhr = new XMLHttpRequest();
            //2. 注册回调函数
            xhr.onreadystatechange = function(){
                if (this.readyState == 4) {
                    if (this.status == 200) {
                        // 通过XMLHttpRequest对象的responseText属性可以获取到服务器响应回来的内容。
                        // 并且不管服务器响应回来的是什么，都以普通文本的形势获取。（服务器可能响应回来：普通文本、XML、JSON、HTML...）
                        // innerHTML属性是javascript中的语法，和ajax的XMLHttpRequest对象无关。
                        // innerHTML可以设置元素内部的HTML代码。（innerHTML可以将后面的内容当做一段HTML代码解释并执行）
                        //document.getElementById("myspan").innerHTML = this.responseText
                        document.getElementById("mydiv").innerHTML = this.responseText
                        // innerText也不是AJAX中的，是javascript中的元素属性，和XMLHttpRequest无关。
                        // innerText也是设置元素中的内容，但是即使后面是一段HTML代码，也是将其看做一个普通字符串设置进去。
                        //document.getElementById("myspan").innerText = this.responseText
                    }else{
                        alert(this.status)
                    }
                }
            }
            //3. 开启通道
            xhr.open("GET", "/ajax/ajaxrequest2", true)
            //4. 发送请求
            xhr.send()
        }
    }
</script>
<button id="btn">发送ajax get请求</button>
<span id="myspan"></span>
<div id="mydiv"></div>
</body>
</html>
package com.bjpowernode.ajax.servlet;

import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;
import java.io.PrintWriter;

/**
 * @program: 代码
 * @ClassName: AjaxRequest2Servlet
 * @version: 1.0
 * @description:
 * @author: bjpowernode
 * @create: 2022-05-13 10:46
 **/

@WebServlet("/ajaxrequest2")
public class AjaxRequest2Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 设置响应的内容类型以及字符集
        response.setContentType("text/html;charset=UTF-8");
        // 获取响应流
        PrintWriter out = response.getWriter();
        // 响应
        out.print("<font color='red'>用户名已存在！！！</font>");
    }
}

AJAX Get请求

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="myinput">
    <input type="submit" id="mybtn">

    <span>hahhahaha</span>
<script>
  let btn=document.querySelector("#mybtn")
  btn.addEventListener("click",()=>{
      let xhr=new XMLHttpRequest()
      xhr.onreadystatechange=()=>{
          if(xhr.readyState==4&&xhr.status==200){
              let spanElement = document.querySelector("span");
              spanElement.innerHTML=xhr.responseText;
              // alert(xhr.responseText)
          }
      }
      xhr.open("get","ajaxrequest?username=lisi&age=18",true)
      xhr.send()

  })





</script>



</body>
</html>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="uname">
    <input type="text" id="age">
    </input>
    <input type="submit" id="mybtn">


    <span>hahhahaha</span>
<script>
  let btn=document.querySelector("#mybtn")
  btn.addEventListener("click",()=>{
      let xhr=new XMLHttpRequest()
      xhr.onreadystatechange=()=>{
          if(xhr.readyState==4&&xhr.status==200){
              let spanElement = document.querySelector("span");
              spanElement.innerHTML=xhr.responseText;
              // alert(xhr.responseText)
          }
      }
      let value = document.getElementById("uname").value;
      let age = document.getElementById("age").value;
      xhr.open("get","ajaxrequest?username="+value+"&age="+age,true)
      xhr.send()

  })





</script>



</body>
</html>

AJAX GET请求的缓存问题

AJAX POST请求

package A;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet("/ajaxrequest")
public class aaa extends HttpServlet {
    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=UTF-8");
        PrintWriter writer = resp.getWriter();

//       writer.print("学习");
        String username = req.getParameter("username");
        String age = req.getParameter("age");
        writer.print("姓名："+username+"年龄："+age);


    }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<input type="text" id="uname" name="username">姓名
<br>
<input type="text" id="age" name="agee"> 年龄
<br>
<input type="submit" id="mybtn">
<br>
<span class="iii">hahhahaha</span>

<script>
    let btn = document.querySelector("#mybtn");
    btn.addEventListener("click", () => {
        let xhr = new XMLHttpRequest();
        xhr.onreadystatechange = () => {
            if (xhr.readyState == 4 && xhr.status == 200) {
                let spanElement = document.querySelector(".iii");
                spanElement.innerHTML = xhr.responseText;
            }
        }
        xhr.open("post", "ajaxrequest", true);
        xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");

        let value = document.getElementById("uname").value;
        let age = document.getElementById("age").value;
        xhr.send("username="+value+"&age="+age);
    }
    )


</script>

</body>
</html>

案例

基于JSON的数据交换

eg：把数据库的数据拼接成json格式，如果拼接的话太痛苦了。用架包 

基于XML的数据交换

package com.bjpowernode.ajax.servlet;

import jakarta.servlet.ServletException;
import jakarta.servlet.annotation.WebServlet;
import jakarta.servlet.http.HttpServlet;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;

import java.io.IOException;
import java.io.PrintWriter;

/**
 * @program: 代码
 * @ClassName: AjaxRequest6Servlet
 * @version: 1.0
 * @description: 服务器端返回XML字符串
 * @author: bjpowernode
 * @create: 2022-05-15 11:48
 **/
@WebServlet("/ajaxrequest6")
public class AjaxRequest6Servlet extends HttpServlet {
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response)
            throws ServletException, IOException {
        // 注意：响应的内容类型是XML。
        response.setContentType("text/xml;charset=UTF-8");
        PrintWriter out = response.getWriter();

        /*
        <students>
            <student>
                <name>zhangsan</name>
                <age>20</age>
            </student>
            <student>
                <name>lisi</name>
                <age>22</age>
            </student>
        </students>
         */

        StringBuilder xml = new StringBuilder();
        xml.append("<students>");
        xml.append("<student>");
        xml.append("<name>zhangsan</name>");
        xml.append("<age>20</age>");
        xml.append("</student>");
        xml.append("<student>");
        xml.append("<name>lisi</name>");
        xml.append("<age>22</age>");
        xml.append("</student>");
        xml.append("</students>");

        out.print(xml);
    }
}


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>使用XML完成数据交换</title>
</head>
<body>
<script type="text/javascript">
    window.onload = function(){
        document.getElementById("btn").onclick = function(){
            // 1.创建XMLHTTPRequest对象
            var xhr = new XMLHttpRequest();
            // 2.注册回调函数
            xhr.onreadystatechange = function () {
                if (this.readyState == 4) {
                    if (this.status == 200) {
                        // 服务器端响应了一个XML字符串，这里怎么接收呢？
                        // 使用XMLHTTPRequest对象的responseXML属性，接收返回之后，可以自动封装成document对象（文档对象）
                        var xmlDoc = this.responseXML
                        //console.log(xmlDoc)
                        // 获取所有的<student>元素，返回了多个对象，应该是数组。
                        var students = xmlDoc.getElementsByTagName("student")
                        //console.log(students[0].nodeName)
                        var html = "";
                        for (var i = 0; i < students.length; i++) {
                            var student = students[i]
                            // 获取<student>元素下的所有子元素
                            html += "<tr>"
                            html += "<td>"+(i+1)+"</td>"
                            var nameOrAge = student.childNodes
                            for (var j = 0; j < nameOrAge.length; j++) {
                                var node = nameOrAge[j]
                                if (node.nodeName == "name") {
                                    //console.log("name = " + node.textContent)
                                    html += "<td>"+node.textContent+"</td>"
                                }
                                if (node.nodeName == "age") {
                                    //console.log("age = " + node.textContent)
                                    html += "<td>"+node.textContent+"</td>"
                                }
                            }
                            html += "</tr>"
                        }
                        document.getElementById("stutbody").innerHTML = html
                    }else{
                        alert(this.status)
                    }
                }
            }
            // 3.开启通道
            xhr.open("GET", "/ajax/ajaxrequest6?t=" + new Date().getTime(), true)
            // 4.发送请求
            xhr.send()
        }
    }
</script>
<button id="btn">显示学生列表</button>
<table width="500px" border="1px">
    <thead>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>年龄</th>
    </tr>
    </thead>
    <tbody id="stutbody">
    <!--<tr>
        <td>1</td>
        <td>zhangsan</td>
        <td>20</td>
    </tr>
    <tr>
        <td>2</td>
        <td>lisi</td>
        <td>22</td>
    </tr>-->
    </tbody>
</table>
</body>
</html>

AJAX乱码问题

package A;

import javax.servlet.ServletException;
import javax.servlet.annotation.WebServlet;
import javax.servlet.http.HttpServlet;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.PrintWriter;
@WebServlet("/ajaxrequest")
public class aaa extends HttpServlet {

    @Override
    protected void doGet(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
        resp.setContentType("text/html;charset=UTF-8");
        String user = req.getParameter("user");
        PrintWriter writer = resp.getWriter();
        writer.print(user);
    }

    @Override
    protected void doPost(HttpServletRequest req, HttpServletResponse resp) throws ServletException, IOException {
//        req.setCharacterEncoding("UTF-8");
        String user = req.getParameter("user");
        PrintWriter writer = resp.getWriter();
         writer.print(user);


    }
}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <input type="text" id="myinput">
    <br>
    <div id="mydiv">1111</div>
    <br>
    <button id="mybtn1">提交get</button>
    <br>
    <button id="mybtn2">提交post</button>

    <script>
        let mybtn1 = document.getElementById("mybtn1");
        mybtn1.addEventListener("click",()=>{
            let xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4) {
                  if(xhr.status==200){
                      document.querySelector("#mydiv").innerHTML=xhr.responseText;
                  }
                }
            }
            let user = document.getElementById("myinput").value;

            // xhr.open("GET", "ajaxrequest?user"+user+"&t="+new Date().getTime(), true)
            xhr.open("GET", "ajaxrequest?user="+user+"&t=" + new Date().getTime(), true);
            xhr.send();
        })

        let mybtn2 = document.getElementById("mybtn2");
        mybtn2.addEventListener("click",()=>{
            let xhr = new XMLHttpRequest();
            xhr.onreadystatechange = function () {
                if (xhr.readyState === 4 && xhr.status === 200) {
                    document.querySelector("#mydiv").innerHTML=xhr.responseText;
                }
            }
            xhr.open("post", "ajaxrequest?", true)
            xhr.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
            let user = document.querySelector("#myinput").value;
            xhr.send("user="+user);
        })
    </script>
</body>
</html>

AJAX的异步与同步

什么是异步？什么是同步？

异步和同步在代码上如何实现？

AJAX代码封装

function jQuery(selector){
    if (typeof selector == "string") {
        if (selector.charAt(0) == "#") {
            domObj = document.getElementById(selector.substring(1))
            return new jQuery()
        }
    }
    if (typeof selector == "function") {
        window.onload = selector
    }
    this.html = function(htmlStr){
        domObj.innerHTML = htmlStr
    }
    this.click = function(fun){
        domObj.onclick = fun
    }
    this.focus = function (fun){
        domObj.onfocus = fun
    }
    this.blur = function(fun) {
        domObj.onblur = fun
    }
    this.change = function (fun){
        domObj.onchange = fun
    }
    this.val = function(v){
        if (v == undefined) {
            return domObj.value
        }else{
            domObj.value = v
        }
    }

    // 静态的方法，发送ajax请求
    /**
     * 分析：使用ajax函数发送ajax请求的时候，需要程序员给我们传过来什么？
     *      请求的方式(type)：GET/POST
     *      请求的URL(url)：url
     *      请求时提交的数据(data)：data
     *      请求时发送异步请求还是同步请求(async)：true表示异步，false表示同步。
     */
    jQuery.ajax = function(jsonArgs){
        // 1.
        var xhr = new XMLHttpRequest();
        // 2.
        xhr.onreadystatechange = function(){
            if (this.readyState == 4) {
                if (this.status == 200) {
                    // 我们这个工具类在封装的时候，先不考虑那么多，假设服务器返回的都是json格式的字符串。
                    var jsonObj = JSON.parse(this.responseText)
                    // 调用函数
                    jsonArgs.success(jsonObj)
                }
            }
        }

        if (jsonArgs.type.toUpperCase() == "POST") {
            // 3.
            xhr.open("POST", jsonArgs.url, jsonArgs.async)
            // 4.
            xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
            xhr.send(jsonArgs.data)
        }

        if (jsonArgs.type.toUpperCase() == "GET") {
            xhr.open("GET", jsonArgs.url + "?" + jsonArgs.data, jsonArgs.async)
            xhr.send()
        }

    }
}
$ = jQuery

// 这里有个细节，执行这个目的是为了让静态方法ajax生效。
new jQuery()


<script type="text/javascript" src="/ajax/js/jQuery-1.0.0.js"></script>
<script type="text/javascript">
    $(function(){
        $("#btn1").click(function(){
            $.ajax({
                type : "POST",
                url : "/ajax/ajaxrequest11",
                data : "username=" + $("#username").val(),
                async : true,
                success : function(json){
                    $("#div1").html(json.uname)
                }
            })
        })
    })
</script>

AJAX实现省市联动

AJAX跨域问题

AJAX跨域解决方案

方案1：设置响应头

方案2：jsonp

方案3：jQuery封装的jsonp

方案4：代理机制（httpclient）

​​​​​​​

方案5：nginx反向代理

AJAX实现搜索联想 自动补全

附录：HTTP状态信息

1xx: 信息

2xx: 成功

3xx: 重定向

4xx: 客户端错误

​​​​​​​

5xx: 服务器错误

钟佩颖
关注
  • 3
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
AJAX (Asynchronous JavaScript And XML)
08-27
AJAX (Asynchronous JavaScript And XML)
AJAX简介 异步 JavaScript 及 XML（Asynchronous JavaScript And XML）
10-19
AJAX，全称为异步 JavaScript 和 XML，是2005年由Google引领的一种Web开发技术。它并不是一种全新的编程语言，而是利用现有的Web标准来构建更高效、更具交互性的网页应用。通过AJAX，开发者能够在用户与服务器间进行...
AJAX之GET与POST
少不入川。的博客
08-13 299
在了解使用AJAX发送GET或者POST请求之前，我们先来了解一下XMLHttpRequest对象。
Ajax中POST和GET的区别
weixin_34228617的博客
09-20 417
Get和Post都是向服务器发送的一种请求，只是发送机制不同。 1. GET请求会将参数跟在URL后进行传递，而POST请求则是作为HTTP消息的实体内容发送给WEB服务器。当然在Ajax请求中，这种区别对用户是不可见的。 2. 首先是"GET方式提交的数据最多只能是1024字节"，因为GET是通过URL提交数据，那么GET可提交的数据量就跟UR...
原创：Ajax中get与post请求详解
redarmychen的专栏
03-29 6736
        学习ajax技术的时候,很多同学对于ajax中get与post请求总是疑问不解,为了给学员解决疑问,现将授课中对get与post的请求的总结发表于学生大本营中,希望能给你带来帮助.  一、get()和post()基本区别1.get是把参数数据队列加到提交表单的ACTION属性所指的URL中，值和表单内各个字段一一对应，在URL中可以看到。post是通过HTTP post机制
ajax中的get和post
weixin_45274291的博客
03-29 597
ajax概念：         一般情况下，前端和后台进行交互都需要页面跳转才能获取到新的数据，然后重新跳转到一个页面，将数据加载到页面上。这对资源的消耗很大，用户体验感也不是很好。         所以js提供了一个不需要刷新页面就能加载...
Ajax中GET和POST
Yang_lan1的博客
05-03 435
get请求处理 表单提交数据 <form action="http://www.baidu.com" method="GET"> <input type="text" name="userName"><br> <input type="password" name="userPwd"><br> ...
ajax（Asynchronous JavaScript and XML）
07-08
(2)新建好页面之后,如果要使用Ajax,那么先在页面上增加一个ScriptManager控件,然后再增加一个UpdatePanel控件. (3)将要实现无刷新的控件,放到UpdatePanel控件中即可. 3.注意事项: 首先要确定的是,AJAX并不是真正的...
【Ajax】ajax 基本使用 / 跨域问题 / get和post
one or only的博客
08-16 1895
【Ajax】ajax 基本使用 / 跨域问题 / get和post
Ajax--》Ajax的GET与POST请求操作
ztK63LrD的博客
10-13 4116
🏃‍♂️Ajax全称 Asynchronous JavaScript And XML，意思就是异步的JS 和 XML，通过Ajax可以在浏览器中向服务器发送异步请求。作用：获取服务器数据。效果在不刷新整个页面的情况下，通过一个url地址获取服务器的数据，然后进行页面的局部刷新。Ajax不是新的编程语言，而是一种将现有的标准组合在一起使用的新方式。思想：用户看，我就加载，用户不看，我就不加载。应用场景：评论加载更多、用户名登录验证、搜索框搜索数据提示......
AJAX实现简单get/post请求
最新发布
weixin_59528719的博客
02-23 3249
AJAX可以让浏览器发送一种特殊的请求，这种请求可以是：异步的。什么是异步，什么是同步？假设有t1和t2线程，t1和t2线程并发，就是异步。假设有t1和t2线程，t2在执行的时候，必须等待t1线程执行到某个位置之后t2才能执行，那么t2在等t1，显然他们是排队的，排队的就是同步。AJAX是可以发送异步请求的。也就是说，在同一个浏览器页面当中，可以发送多个ajax请求，这些ajax请求之间不需要等待，是并发的。AJAX代码属于WEB前端的JS代码。
Ajax get()和post()方法
Hern（宋兆恒）
08-23 399
get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 HTTP 请求：GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET- 从指定的资源请求数据 POST- 向指定的资源提交要处理的数据 GET 基本上用于从服务器获得（取回）数据。注释：GET 方法可能返回缓存数据。 POST 也可...
AJAX get() 和 post() 方法
u011277123的博客
03-07 508
程序员java小白学习 2017-02-09 15:23 jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。 HTTP 请求：GET vs. POST 两种在客户端和服务器端进行请求-响应的常用方法是：GET 和 POST。 GET - 从指定的资源请求数据 POST - 向指定的资源提交要处理的数据
jQuery-Ajax的get()和post()方法——最简单易懂讲解
m0_37510446的博客
05-17 915
建议大家在学习之前，若对于get和post方法不够了解的可以去看我之前对于get和post方法的详细总结，了解之后，再看这篇文章，看起来更加易懂 GET方法和POST方法详解对比（有实际例子，看起来简单易懂） 好了，接下来进入正题： 一，get方法 $.get(URL,callback); 同样，首先来了解它的参数：URL为必须，callback为可选， 例子：使用$.get()方法从服务器上的...
ajax中GET和POST区别
weixin_42943920的博客
01-02 2523
ajax中GET和POST区别 get和post的区别 1 语义化的区别:get偏向于获取,post偏向于提交数据 2 携带给后端的信息位置不一样 get直接在地址后面拼接查询字符串 post在请求体内进行信息的查询 3 携带的数据格式不一样 get:因为携带的数据是直接拼接在地址后面,只能使用url编码 post:因为在请求体内,所以可有多种形式,但是需要提前说明 4 携带的数据大小不一样 get:因为拼接在地址后面,大小在2kb左右 post:因为在请求体内,数据大小不受限制,除非服务器有显示 5 安全
ajax中get和post的区别
Gckkoo的博客
11-30 510
get是把参数数据队列加到提交表格的action属性所指的URL中，在URL中可以看到。post是通过http post机制，将表单内各个字段与其内容放置在HTML header内一起传送到action属性所致的URL地址。
ajax get与post区别
xjdAlan的专栏
10-21 1012
ajax碰到请求url过长的问题! ajax中get和post的区别 一个超大文本框textarea里面有大量数据，ajax通过URL请求service返回结果，URL里面包含了各种参数，当然也包含之前的超大文本框的内容。  之前开发的时候一直用Firefox在调试，4000长度的字符串在textarea里面通过URL请求都是没有问题。  提交给测试的时候问题来了，测试人员在IE下面
AJAX详解：异步JavaScript与XML技术在动态网页中的应用
AJAX（Asynchronous JavaScript and XML）是一种用于创建异步Web应用程序的技术，由一组技术的结合与协同工作实现，它允许网页在不中断用户交互的情况下，实现数据的动态加载和页面部分刷新。AJAX的核心思想是利用...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值