AJAX请求是什么？

您所在的位置：网站首页 › destinyfreedom翻译 › AJAX请求是什么？

AJAX请求是什么？

2023-10-14 02:22| 来源: 网络整理| 查看: 265

文章目录什么是AJAX请求？原生AJAX请求的示例：jQuery中的AJAX请求

什么是AJAX请求？ AJAX即“Asynchronous Javascript And XML”（异步JavaScript和XML），是指一种创建交互式网页应用的网页开发技术。 ajax是一种浏览器通过js异步发起请求，局部更新页面的技术。 Ajax请求的局部更新，浏览器地址栏不会发生变化局部更新不会舍弃原来页面的内容原生AJAX请求的示例： Insert title here // 在这里使用javaScript语言发起Ajax请求，访问服务器AjaxServlet中javaScriptAjax function ajaxRequest() { // 1、我们首先要创建XMLHttpRequest var xmlhttprequest = new XMLHttpRequest(); // 2、调用open方法设置请求参数 xmlhttprequest.open("GET","http://localhost:8080/16_json_ajax_i18n/ajaxServlet?action=javaScriptAjax",true) // 4、在send方法前绑定onreadystatechange事件，处理请求完成后的操作。 xmlhttprequest.onreadystatechange = function(){ if (xmlhttprequest.readyState == 4 && xmlhttprequest.status == 200) { var jsonObj = JSON.parse(xmlhttprequest.responseText); // 把响应的数据显示在页面上 document.getElementById("div01").innerHTML = "编号：" + jsonObj.id + " , 姓名：" + jsonObj.name; } } // 3、调用send方法发送请求 xmlhttprequest.send(); } ajax request jQuery中的AJAX请求

$.ajax方法 url 表示请求的地址 type 表示请求的类型GET或POST请求 data 表示发送给服务器的数据格式有两种：一：name=value&name=value 二：{key:value} success 请求成功，响应的回调函数 dataType 响应的数据类型常用的数据类型有： text 表示纯文本 xml 表示xml数据 json 表示json对象(直接将字符串转换成为json对象)

$("#ajaxBtn").click(function(){ $.ajax({ url:"http://localhost:8080/16_json_ajax_i18n/ajaxServlet", // data:"action=jQueryAjax", data:{action:"jQueryAjax"}, type:"GET", success:function (data) { // alert("服务器返回的数据是：" + data); // var jsonObj = JSON.parse(data); $("#msg").html("编号：" + data.id + " , 姓名：" + data.name); }, dataType : "json" }); });

$ . g e t 方法和 .get方法和 .get方法和 $ . p o s t 方法 .post方法 .post方法 url 请求的url地址 data 发送的数据 callback 成功的回调函数 type 返回的数据类型

// ajax--get请求 $("#getBtn").click(function(){ $.get("http://localhost:8080/16_json_ajax_i18n/ajaxServlet","action=jQueryGet",function (data) { $("#msg").html(" get 编号：" + data.id + " , 姓名：" + data.name); },"json"); }); // ajax--post请求 $("#postBtn").click(function(){ $.post("http://localhost:8080/16_json_ajax_i18n/ajaxServlet","action=jQueryPost",function (data) { $("#msg").html(" post 编号：" + data.id + " , 姓名：" + data.name); },"json"); });

$.getJSON方法 url 请求的url地址 data 发送给服务器的数据 callback 成功的回调函数

// ajax--getJson请求 $("#getJSONBtn").click(function(){ $.getJSON("http://localhost:8080/16_json_ajax_i18n/ajaxServlet","action=jQueryGetJSON",function (data) { $("#msg").html(" getJSON 编号：" + data.id + " , 姓名：" + data.name); }); });

表单序列化serialize() serialize()可以把表单中所有表单项的内容都获取到，并以name=value&name=value的形式进行拼接。

// ajax请求 $("#submit").click(function(){ // 把参数序列化 $.getJSON("http://localhost:8080/16_json_ajax_i18n/ajaxServlet","action=jQuerySerialize&" + $("#form01").serialize(),function (data) { $("#msg").html(" Serialize 编号：" + data.id + " , 姓名：" + data.name); }); });

【本文地址】

AJAX请求是什么？

AJAX请求是什么？

今日新闻

推荐新闻