Ajax和jQuery

最新推荐文章于 2024-05-16 02:23:50 发布
最新推荐文章于 2024-05-16 02:23:50 发布
阅读量4.2k 收藏 15
点赞数 3
分类专栏： 笔记 文章标签： ajax jquery
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_56341892/article/details/124060013
版权
Ajax和jQuery一、Ajax1、Ajax概述ajax：Asynchronous JavaScript and XML（Asynchronous：异步的 JavaScript 和 XML）。Asynchronous: 异步的意思JavaScript：javascript脚本，在浏览器中执行xml : 是一种数据格式ajax是一种做局部刷新的方法，不是一种语言。 是浏览器客户端上的前端技术，是多个技术联合实现的产物。ajax包含的技术主要有javascript，dom，css,，x
摘要由CSDN通过智能技术生成

Ajax和jQuery

一、Ajax

1、Ajax概述
  • ajax：Asynchronous JavaScript and XML（Asynchronous：异步的 JavaScript 和 XML）。
    • Asynchronous: 异步的意思
    • JavaScript：javascript脚本，在浏览器中执行
    • xml : 是一种数据格式
  • ajax是一种做局部刷新的方法，不是一种语言。 是浏览器客户端上的前端技术，是多个技术联合实现的产物。
  • ajax包含的技术主要有javascript，dom，css,，xml等等。 核心是javascript 和 xml 。
    • javascript：负责创建异步对象， 发送请求， 更新页面的dom对象。
    • xml： 网络中的传输的数据格式。 使用json替换了xml 。
  • ajax请求需要服务器端的数据。
  • 最大的优势：无刷新获取数据。
2、XML 简介
  • XML 可扩展标记语言。
  • XML 被设计用来传输和存储数据。
  • XML 和 HTML 类似，不同的是 HTML 中都是预定义标签，而 XML 中没有预定义标签， 全都是自定义标签，用来表示一些数据

比如说：一个学生数据： name = “孙悟空” ; age = 18 ; gender = “男”

  • 用 XML 表示：
<student>
	<name>孙悟空</name>
	<age>18</age>
	<gender>男</gender>
</student>
  • 用 JSON 表示
{"name":"孙悟空","age":18,"gender":"男"}
3、AJAX的特点
（1） AJAX 的优点：
  • 可以无需刷新页面而与服务器端进行通信。
  • 允许根据用户事件来更新部分页面内容。
（2） AJAX 的缺点：
  • 没有浏览历史，不能回退
  • 存在跨域问题(同源)
  • SEO 不友好（Search Engine Optimization 搜索引擎优化）
4、 AJAX 的使用
（1） 核心对象

XMLHttpRequest，AJAX 的所有操作都是通过该对象进行的

（2） 使用步骤：
  • 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();
  • 设置请求信息（初始异步请求对象）
//.open(method, url,同步异步请求（默认是true，异步请求）);
xmlHttp.open("get", "loginServletname=zs&pwd=123",true);
//可以设置请求头，一般不设置
  • 发送请求
xmlHttp.send(body) //get 请求不传 body 参数，只有 post 请求使用

//获取服务器端返回的数据， 使用异步对象的属性 responseText.
//xmlHttp.responseText
  • 接收响应
var xmlHttp = new XMLHttpRequest();
xmlHttp.onreadystatechange= function(){
   
       处理请求的状态变化。
		 if(xmlHttp.readyState == 4 && xmlHttp.status== 200 ){
   
           //可以处理服务器端的数据，更新当前页面
			  var data = xmlHttp.responseText;
			  document.getElementById("name").value= data;
		 }
    }
（3） 解决 IE 缓存问题
  • 问题：在一些浏览器中(IE),由于缓存机制的存在，ajax 只会发送的第一次请求，剩 余多次请求不会在发送给浏览器而是直接加载缓存中的数据。
  • 解决方式：浏览器的缓存是根据 url 地址来记录的，所以我们只需要修改 url 地址 即可避免缓存问题
xhr.open("get","/testAJAX?t="+Date.now());
（4）AJAX 请求状态
  • xhr.readyState 可以用来查看请求当前的状态
    • 0: 表示 XMLHttpRequest 实例已经生成，但是 open()方法还没有被调用。
    • 1: 表示 send()方法还没有被调用，仍然可以使用 setRequestHeader()，设定 HTTP请求的头信息。
    • 2: 表示 send()方法已经执行，并且头信息和状态码已经收到
    • 3: 表示正在接收服务器传来的 body 部分的数据。
    • 4: 表示服务器数据已经完全接收，或者本次接收已经失败了

在4的时候，开发人员做什么更新当前页面。

  • 异步对象的status属性，表示网络请求的状况: 200， 404， 500， 当status==200时，表示网络请求是成功的。
5、Ajax实例
（1）计算BMI
①全局刷新计算BMI

需求：计算某个用户的 BMI。 用户在 jsp 输入自己的身高，体重；servlet 中计算 BMI，并显 示 BMI 的计算结果和建议。

package com.cooler.controller;

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

import java.io.IOException;

/**
 * @author CoolEr
 * @create 2022/2/23
 */
public class BmiServlet extends HttpServlet {
   
    @Override
    protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
   

        //1、接收请求参数
        String name = request.getParameter("name");
        String height = request.getParameter("h");
        String weight = request.getParameter("w");

        //2、计算BMI= 体重/身高的平方
        float h = Float.valueOf(height);
        float w = Float.valueOf(weight);

        float bmi = w / (h * h);

        //3、判断BMI的范围
        String msg = "";
        if(bmi <= 18.5){
   
            msg = "您比较瘦";
        }else if(bmi > 18.5 && bmi <= 23.9){
   
            msg = "您的BMI是正常的";
        }else if(bmi > 24 && bmi <= 27){
   
            msg = "您的身体比较胖";
        }else{
   
            msg = "您的身体属于肥胖";
        }
        msg = "您好！" + name + "您的BMI值是" + bmi + "," + msg;
        System.out.println(msg);

        request.setAttribute("msg",msg);
        request.getRequestDispatcher("/result.jsp").forward(request,response);
    }
}

<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2022/2/23
  Time: 14:58
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>结果页面</title>
</head>
<body>
        <p>显示BMI结果</p>
        <h3>${msg}</h3>
</body>
</html>

<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2022/2/23
  Time: 14:33
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>全局刷新</title>
  </head>
  <body>
      <p>全局刷新计算BMI</p>
      <form action="bmiServlet" method="get">
        姓名：<input type="text" name="name"><br>
       体重（KG）：<input type="text" name="w"><br>
        身高（M）：<input type="text" name="h"><br>
        <input type="submit" value="提交">
      </form>
  </body>
</html>
②ajax局部刷新计算BMI
//1、接收请求参数
String name = request.getParameter("name");
String height = request.getParameter("h");
String weight = request.getParameter("w");

//2、计算BMI= 体重/身高的平方
float h = Float.valueOf(height);
float w = Float.valueOf(weight);

float bmi = w / (h * h);

//3、判断BMI的范围
String msg = "";
if(bmi <= 18.5){
   
    msg = "您比较瘦";
}else if(bmi > 18.5 && bmi <= 23.9){
   
    msg = "您的BMI是正常的";
}else if(bmi > 24 && bmi <= 27){
   
    msg = "您的身体比较胖";
}else{
   
    msg = "您的身体属于肥胖";
}
msg = "您好！" + name + "您的BMI值是" + bmi + "," + msg;
System.out.println(msg);

response.setContentType("text/html;charset=utf-8");
PrintWriter out = response.getWriter();
out.print(msg);

<%--
  Created by IntelliJ IDEA.
  User: dell
  Date: 2022/2/23
  Time: 15:36
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
  <head>
    <title>局部刷新——ajax</title>
    <script type="text/javascript">

        function doAjax(){
            //1、创建异步对象
            var xmlHTTP = new XMLHttpRequest();
            //2、绑定事件
            xmlHTTP.onreadystatechange = function () {
                if(xmlHTTP.readyState == 4 && xmlHTTP.status == 200){
                    alert(xmlHTTP.responseText);
                }
            }
            //3、初始请求对象
            var name = document.getElementById("name").value;
            var w = document.getElementById("w").value;
            var h = document.getElementById("h").value;

            var param = "name=" + name + "&w=" +w +"&h=" + h;

            xmlHTTP.open("get","bmiAjax?"+param,true);
            //4、发起请求
            xmlHTTP.send();
        }

    </script>
  </head>
  <body>
      <div>
        姓名：<input type="text" id="name" /><br>
       体重（KG）：<input type="text" id="w" /><br>
        身高（m)：<input type="text" id="h" /><br>
        <input type="button" value="计算bmi" οnclick="doAjax()">
      </div>
  </body>
</html>
  • 更新dom对象
if( xmlHttp.readyState == 4 && xmlHttp.status ==200){
                     // alert(xmlHttp.responseText);
                      var  data = xmlHttp.responseText;
                      //更新dom对象， 更新页面数据
                      document.getElementById("mydata").innerText = data;
}

……
<div id="mydata">等待加载数据....</div>
（2）根据省份 id 查询省份名称

需求：用户在文本框架输入省份的编号 id，在其他文本框显示省份名称

  • 数据库：cooler
  • 数据表：
省份信息表：
CREATE TABLE `province` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `name` varchar(255) DEFAULT NULL COMMENT '省份名称',
 `jiancheng` varchar(255) DEFAULT NULL COMMENT '简称',
 `shenghui` varchar(255) DEFAULT NULL,
 PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=10 DEFAULT CHARSET=utf8;

城市信息表：
CREATE TABLE `city` (
 `id` int(11) NOT NULL AUTO_INCREMENT,
 `name` varchar(255) DEFAULT NULL,
 `provinceid` int(11) DEFAULT NULL,
 PRIMARY KEY (`id`)
) ENGINE=InnoDB AUTO_INCREMENT=17 DEFAULT CHARSET=utf8;

  • json分类：

    • json对象 ，JSONObject ,这种对象的格式： 名称:值， 也可以看做是 key:value 格式。
    • json数组， JSONArray, 基本格式：
    • [{ name:“河北”, jiancheng:“冀”,“shenghui”:“石家庄”} , { name:“山西”, jiancheng:“晋”,“shenghui”:“太原”} ]

  • 处理json的工具库： gson（google）； fastjson（阿里），jackson， json-lib

    • Province p = new Province();
ObjectMapper om = new ObjectMapper();//把参数的java对象转为json格式的字符串
String json = om.writeValueAsString(p);

  • 在js中的，可以把json格式的字符串，转为json对象， json中的key，就是json对象的属性名。

 var data = xmlHttp.responseText;
                    
//eval是执行括号中的代码， 把json字符串转为json对象
 var jsonobj = eval("(" + data + ")");
①功能实现代码
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>使用json格式的数据</title>
    <script type="text/javascript">
        function  doSearch() {
            //1.创建异步对象
            var xmlHttp = new XMLHttpRequest();
            //2.绑定事件
            xmlHttp.onreadystatechange = function() {
                if( xmlHttp.readyState == 4 && xmlHttp.status == 200){
                    var data = xmlHttp.responseText;

                    //eval是执行括号中的代码， 把json字符串转为json对象
                    var jsonobj = eval("(" + data + ")");
                    //更新dom对象
                    callback(jsonobj);
                }
            }

            //3.初始异步对象的请求参数
            var proid = document.getElementById("proid").value;

            // true :异步处理请求。 使用异步对象发起请求后，不用等待数据处理完毕，就可以执行其它的操作。
            // false:同步，异步对象必须处理完成请求，从服务器端获取数据后，才能执行send之后的代码。 任意时刻只能执行一个异步请求。

            xmlHttp.open("get","queryjson?proid="+proid,true);

            //4.发送请求
            xmlHttp.send();

        }

        //定义函数，处理服务器端返回的数据
        function callback(json){
            document.getElementById("proname").value = json.name;
            document.getElementById("projiancheng").value=json.jiancheng;
            document.getElementById("proshenghui").value= json.shenghui;
        }

    </script>
</head>
<body>
    <p>ajax请求使用json格式的数据</p>
    <table>
        <tr>
            <td>省份编号：</td>
            <td><input type="text" id="proid">
                <input type="button" value="搜索" οnclick="doSearch()">
            </td>
        </tr>
        <tr>
            <td>省份名称：</td>
            <td><input type="text" id="proname"></td>
        </tr>
        <tr>
            <td>省份简称：</td>
            <td><input type="text" id="projiancheng"></td>
        </tr>
        <tr>
            <td>省会名称：</td>
            <td><input type="text" id="proshenghui"></td>
        </tr>
    </table>
</body>
</html>

package com.cooler.controller;

import jakarta.servlet.http.HttpServlet;

import jakarta.servlet.ServletException;
import jakarta.servlet.http.HttpServletRequest;
import jakarta.servlet.http.HttpServletResponse;
import com.cooler.dao.ProvinceDao;

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

/**
 * @author CoolEr
 * @create 2022/2/23
 */
public class QueryProvinceServlet extends HttpServlet {
   
    @Override
    protected void doGet(HttpServletRequest req,
                         HttpServletResponse resp) throws ServletException, IOException {
   
        //处理get请求
        String strProid = req.getParameter("proid");
        System.out.println("strProid:"+ strProid);

        String name = "默认是无数据";
        //访问dao，查询数据库
        if( strProid != null && !"".equals(strProid.trim()) ){
   
            //创建dao对象，调用它的方法
            ProvinceDao dao  = new ProvinceDao();
            name  = dao.queryProviceNameById( Integer.valueOf(strProid));
        }


        //使用HttpServletResponse输出数据
        // servlet返回给浏览器的是 文本数据， 数据的编码是utf-8
        resp.setContentType("text/html;charset=utf-8");
        PrintWriter pw  = resp.getWriter();
        //pw.println("中国");
        pw.println(name);
        pw.flush();
        pw.close();
    }
}

package com.cooler.dao;

import com.cooler.entity.Province;

import java.sql.*;

//使用jdbc访问数据库
public class ProvinceDao {
   

    //根据id获取名称
    public String queryProviceNameById(Integer proviceId){
   
        Connection conn = null;
        PreparedStatement pst = null;
        ResultSet rs  = null;
        String sql= "";

        String url="jdbc:mysql://localhost:3306/cooler";
        String username="root";
        String password="3399";

        String name = "";
        //加载驱动
        try {
   
            Class.forName("com.mysql.cj.jdbc.Driver");
            conn = DriverManager.getConnection(url,username,password);
            //创建PreparedStatement
            sql="select  name from province where id=?";
            pst = conn.prepareStatement(sql);
            //设置参数值
            pst.setInt(1,proviceId);
            //执行sql
            rs = pst.executeQuery();
            //遍历rs
            /*while(rs.next()){ //当你的rs中有多余一条记录时。
               name =  rs.getString("name");
            }*/

            if( rs.next()){
   
                name =rs.getString("name");
            }

        } catch (ClassNotFoundException | SQLException e) {
   
            e.printStackTrace();
        } finally {
   
            try{
   
                if( rs != null){
   
                    rs.close();
                }
                if( pst != null){
   
                    pst.close();
                }
                if( conn != null){
   
                    conn.close();
                }

            }catch(Exception e){
   
                e.printStackTrace();
            }

        }
        return name;
    }


    //根据id获取一个完整的Province对象
    public Province queryProviceById(Integer proviceId){
   
        Connection conn = null;
        PreparedStatement pst = null;
        ResultSet rs  = null;
        String sql= "";

        String url="jdbc:mysql://localhost:3306/cooler";
        String username="root";
        String password="3399";

        Province province = null;
        //加载驱动
        try {
   
            Class.forName("com.mysql.cj.jdbc.Driver");
            conn = DriverManager.getConnection(url,username,password);
            //创建PreparedStatement
            sql="select id, name, jiancheng, shenghui  from province where id=?";
            pst = conn.prepareStatement(sql);
            //设置参数值
            pst.setInt(1,proviceId);
            //执行sql
            rs = pst.executeQuery();
            //遍历rs
            /*while(rs.next()){ //当你的rs中有多余一条记录时。
               name =  rs.getString("name");
            }*/

            if( rs.next()){
   
                province  = new Province();
                province.setId( rs.getInt("id"));
                province.setName(rs.getString("name"));
                province.setJiancheng(rs.getString("jiancheng"));
                province.setShenghui(rs.getString("shenghui"));
            }

        } catch (ClassNotFoundException | SQLException e) {
   
            e.printStackTrace();
        } finally {
   
            try{
   
                if( rs != null){
   
                    rs.close();
                }
                if( pst != null){
最低0.47元/天 解锁文章
CoolEr3022
关注
  • 3
    点赞
  • 踩
  • 15
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
jQuery-Ajax 详解
m0_48982503的博客
12-14 1万+
一、什么是Ajax Ajax的全称是Asynchronous JavaScript And XML（异步JavaScript和XML）我们可以理解为：在网页中利用XMLHttpRequest对象和服务器进行数据交互的方式就是Ajax，它可以帮助我们轻松实现网页与服务器之间的数据交互。 二，jQuery中的Ajax 在jQuery中，$.Ajax()方法属于最底层的方法，第2层是load()，$.get()，和$.post()，第3层是$.getScript()和$.getJSON()方法。 ...
jQuery Ajax 详细通俗讲解
lucien_ma的博客
08-25 2万+
jQuery Ajax Ajax 是一种异步、无刷新(或者说局部页面刷新)技术。 同步： 现在的大部分请求都是基于同步，所谓同步就是说必须等待请求之后给我返回结果了我才能继续往下操作。好比你要烧水，切菜，做饭。现在是同步，你必须等水烧开再去干其他事情。 异步： 异步就是，请求发送之后，不管你是否返回结果，我继续往下操作。比如，你烧水的同时，不管水烧没烧开，你继续你其他的工作，去切菜。 刷新： 类似我们的 <a></a>标签的点击链接，以及表单元素的提交，都会刷新页面
基于jQuery的Ajax聊天室程序
10-06
一个简单的Ajax实例——基于Ajax无需刷新技术开发的聊天室程序，实现多用户在网页上聊天，并可以实时更新信息。
【速成之路】网页编程必会的Ajax——jQuery实现Ajax（一）
最新发布
2401_84093443的博客
05-16 701
自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。深知大多数初中级Android工程师，想要提升技能，往往是自己摸索成长，自己不成体系的自学效果低效漫长且无助。因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上Android开发知识点！
JQuery发送Ajax请求的5种简单使用方式，一看就会~
冷芝士鸭的学习笔记
10-19 9049
JQuery发送Ajax请求的5种简单使用方式，一看就会~ 1、Ajax简介 1.1 什么是Ajax Ajax即Asynchronous Javascript And XML（异步JavaScript和XML），在 2005年被Jesse James Garrett提出的新术语，用来描述一种使用现有技术集合的新方法，包括: HTML 或 XHTML, CSS, JavaScript, DOM, XML, XSLT, 以及最重要的XMLHttpRequest。使用Ajax技术网页应用能够快速地将增量更新呈现在
jQuery的Ajax实例（附完整代码）
热门推荐
Yuan_mingyu的博客
02-02 8万+
目录写在前边什么是AjaxAjax基本结构实例实例1实例2小结 写在前边 作为一个前端刚入门没多久的小白，想在这里分享一下我的学习内容，就算是学习笔记了。因为前端的大部分学习都是通过网站上的教程，所以遇到不懂得问题，也只有求助于网络，通过度娘，了解到了一些论坛、博客。在发现了众多技术大牛的同时，我也发现，一些像我这样的小白，由于能力有限，在查找相关资料的时候，对于大佬的一些操作理解困难，虽说能照猫...
jquery的函数实现Ajax
兮遥
08-21 1072
1、$.ajax() $.ajax() 是 jQuery 中 AJAX 请求的核心方法，所有的其他方法都是在内部使用此方法。 语法： $.ajax( { name:value, name:value, ... } ) async ： 布尔值，表示请求是否异步处理。默认是 true (可以不写) contentType ：发送数据到服务器时所使用的内容类型。默认是"application/x-www-form-urlencoded"。 data：规定要发送到服务器的数据，可...
Ajax与jQuery
yananye的博客
03-29 329
认识Ajax 在传统的Web应用中，每次请求服务器都会生成新的页面，用户在提交请求后，总是要等待服务器的响应。如果前一个请求没有得到响应，则后一个请求就不能发送。由于这是一种独占式的请求，因此如果服务器响应没有结束，用户就只能等待或者不断刷新页面。在等待期间，由于新的页面没有生成，整个浏览器一片空白，而用户只能继续等待。对于用户而言，这是一种不连续的体验，同时，不断的刷新页面也会使服务器的负担加重。 Ajax技术正是为了弥补以上不足在诞生的，Ajax应用在使用javaScript异步发送请求，不用每次请求都
Ajax和Jquery
04-27
**Ajax和jQuery** Ajax（Asynchronous JavaScript and XML）是一种在无需刷新整个网页的情况下，能够更新部分网页的技术。它通过在后台与服务器进行少量数据交换，使网页实现异步更新。这种方式可以让网页保持交互...
原生Ajax 和jQuery Ajax的区别示例分析
10-25
主要介绍了原生Ajax 和Jq Ajax的区别示例分析,需要的朋友可以参考下
Ajax和Jquery视频.rar
04-06
Ajax（异步JavaScript和XML）和jQuery是Web开发中的两个重要技术，它们极大地提升了网页的交互性和用户体验。在这个“Ajax和Jquery视频”压缩包中，很可能是包含了一系列的视频教程，帮助学习者深入理解这两种技术。...
Ajax和jQuery学习笔记
03-29
这个笔记是很全面的原生Ajax用法、json解释和jQuery选择器、dom操作、事件的讲解每一部分都有例子搭配，是学习熟悉jQuery的好资料！
ajax和jquery
09-03
**Ajax（Asynchronous JavaScript and XML）与jQuery是Web开发中的两个关键概念，它们极大地提升了网页的交互性和用户体验。Ajax允许在不刷新整个页面的情况下，通过后台与服务器进行数据交换，从而实现页面的部分...
Ajax和JQuery
捌椒的博客
09-18 1669
是什么?javascript 的代码框架。有什么用?简化代码，提高效率。核心write less do more , 写得更少，做的更多。
jQuery 与 Ajax
Wzc0720的博客
10-28 3719
可以在不重新加载整个网页的情况下，对网页的某部分进行更新。可以在不重新加载整个网页的情况下，对网页的某部分进行更新。简单说是需要连接数据库的地方，但是连接数据库传输的信息量很少，用不着刷新整个页面，这。简单说是需要连接数据库的地方，但是连接数据库传输的信息量很少，用不着刷新整个页面，这。减轻服务器的负担，按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。减轻服务器的负担，按需取数，可以最大程度的减少冗余请求和响应对服务造成的负担。种类型的适合用 ajax，避免了属性整个页面带来的资源浪费。
Ajax基础（应用场景｜jquery实现Ajax｜注意事项｜Ajax发送json数据｜Ajax携带文件数据）
Mchen的博客
11-20 5048
AJAX翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互也是用XML进行数据传输（当然，传输的数据不只是XML，目前更多的使用Json数据）。（XML应用于Web开发的许多方面，常用于简化数据的存储和共享）AJAX不是什么新的编程语言，而是一种使用现有标准的新方法AJAX最大的优点就是不需要重新加载整个页面的情况下，可以与服务器交换数据并更新网页内容（简单来说就是，在网页前端刚输入完数据，后端其实已经验证完数据了，不需要等点击提交了）
「jQuery系列」jQuery中Ajax的运用
日常笔记/总结/系列知识梳理
03-13 2066
jQuery Ajax 是 jQuery 提供的一个功能强大的异步通信方法，它允许网页与服务器之间进行数据交换，而无需重新加载整个页面。通过使用 Ajax，开发者可以实现更加流畅和响应式的用户体验，减少不必要的网络传输和页面加载时间。jQuery Ajax 的核心方法是$.ajax()，它提供了丰富的选项和回调函数，用于配置和执行 Ajax 请求。下面是一个基本的$.ajax()$.ajax({url: 'https://api.example.com/data', // 请求的 URL。
jQuery中的Ajax
weixin_45375510的博客
10-11 4484
jQuery×Ajax jquery提供多个与ajax有关的方法，通过jquery ajax方法，能够使用HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML或JSON，同时能够把接收的数据更新到DOM对象。代替XMLHttpRequest，但其实jquery还是封装的异步对象。 (1)$.ajax() $.ajax()是jquery中ajax请求的核心方法，所有的其他方法都是在内部使用此方法。 语法： $.ajax({key: value, key: value, ...})

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值