首页 > 其他分享 >【整理】jQuery知识点4

【整理】jQuery知识点4

时间:2023-05-22 13:36:16浏览次数:35  
标签:jQuery 知识点 请求 function AJAX status 整理 data

★★★ ============================================================= jQuery - AJAX

 AJAX 是与服务器交换数据的技术,它在不重载全部页面的情况下,实现了对部分网页的更新。

 关于 jQuery 与 AJAX

 jQuery 提供多个与 AJAX 有关的方法。

 通过 jQuery AJAX 方法,您能够使用 HTTP Get 和 HTTP Post 从远程服务器上请求文本、HTML、XML 或 JSON - 同时您能够把这些外部数据直接载入网页的被选元素中。



 jQuery load() 方法

 jQuery load() 方法是简单但强大的 AJAX 方法。

 load() 方法从服务器加载数据,并把返回的数据放入被选元素中。



 语法:

 $(selector).load(URL,data,callback);



 下面的例子会把文件 "demo_test.txt" 的内容加载到指定的 <div> 元素中:

 $(document).ready(function(){

   $("button").click(function(){

     $("#div1").load("/try/ajax/demo_test.txt");

   });

 });



 也可以把 jQuery 选择器添加到 URL 参数。

 下面的例子把 "demo_test.txt" 文件中 id="p1" 的元素的内容,加载到指定的 <div> 元素中:

 $("#div1").load("demo_test.txt #p1");



 可选的 callback 参数规定当 load() 方法完成后所要允许的回调函数。回调函数可以设置不同的参数:

 responseTxt - 包含调用成功时的结果内容

 statusTXT - 包含调用的状态

 xhr - 包含 XMLHttpRequest 对象

 下面的例子会在 load() 方法完成后显示一个提示框。如果 load() 方法已成功,则显示"外部内容加载成功!",而如果失败,则显示错误消息:



 ★★★ ============================================================= jQuery - AJAX get() 和 post() 方法

 jQuery get() 和 post() 方法用于通过 HTTP GET 或 POST 请求从服务器请求数据。



 HTTP 请求:GET vs. POST

 两种在客户端和服务器端进行请求-响应的常用方法是:GET 和 POST。

 GET - 从指定的资源请求数据

 POST - 向指定的资源提交要处理的数据

 GET 基本上用于从服务器获得(取回)数据。注释:GET 方法可能返回缓存数据。

 POST 也可用于从服务器获取数据。不过,POST 方法不会缓存数据,并且常用于连同请求一起发送数据。



 jQuery $.get() 方法

 $.get() 方法通过 HTTP GET 请求从服务器上请求数据。

 语法:

 $.get(URL,callback);



 必需的 URL 参数规定您希望请求的 URL。

 可选的 callback 参数是请求成功后所执行的函数名。

 下面的例子使用 $.get() 方法从服务器上的一个文件中取回数据:

 $("button").click(function(){

   $.get("demo_test.php",function(data,status){

     alert("Data: " + data + "nStatus: " + status);

   });

 });



 jQuery $.post() 方法

 $.post() 方法通过 HTTP POST 请求从服务器上请求数据。

 语法:

 $.post(URL,data,callback);

 必需的 URL 参数规定您希望请求的 URL。

 可选的 data 参数规定连同请求发送的数据。

 可选的 callback 参数是请求成功后所执行的函数名。

 下面的例子使用 $.post() 连同请求一起发送数据:

 $("button").click(function(){

   $.post("demo_test_post.html",

   {

     name:"Donald Duck",

     city:"Duckburg"

   },

   function(data,status){

     alert("Data: " + data + "nStatus: " + status);

   });

 });



 ★★★ ============================================================= jQuery - $.ajax()

 所有的 jQuery AJAX 方法都使用 ajax() 方法。该方法通常用于其他方法不能完成的请求。

 语法

 $.ajax({name:value, name:value, ... })



 下面的表格中列出了可能的名称/值:

 名称
 值/描述

 async
 布尔值,表示请求是否异步处理。默认是 true。

 beforeSend(xhr)
 发送请求前运行的函数。

 cache
 布尔值,表示浏览器是否缓存被请求页面。默认是 true。

 complete(xhr,status)
 请求完成时运行的函数(在请求成功或失败之后均调用,即在 success 和 error 函数之后)。

 contentType
 发送数据到服务器时所使用的内容类型。默认是:"application/x-www-form-urlencoded"。

 context
 为所有 AJAX 相关的回调函数规定 "this" 值。

 data
 规定要发送到服务器的数据。

 dataFilter(data,type)
 用于处理 XMLHttpRequest 原始响应数据的函数。

 dataType
 预期的服务器响应的数据类型。

 error(xhr,status,error)
 如果请求失败要运行的函数。

 global
 布尔值,规定是否为请求触发全局 AJAX 事件处理程序。默认是 true。

 ifModified
 布尔值,规定是否仅在最后一次请求以来响应发生改变时才请求成功。默认是 false。

 jsonp
 在一个 jsonp 中重写回调函数的字符串。

 jsonpCallback
 在一个 jsonp 中规定回调函数的名称。

 password
 规定在 HTTP 访问认证请求中使用的密码。

 processData
 布尔值,规定通过请求发送的数据是否转换为查询字符串。默认是 true。

 scriptCharset
 规定请求的字符集。

 success(result,status,xhr)
 当请求成功时运行的函数。

 timeout
 设置本地的请求超时时间(以毫秒计)。

 traditional
 布尔值,规定是否使用参数序列化的传统样式。

 type
 规定请求的类型(GET 或 POST)。

 url
 规定发送请求的 URL。默认是当前页面。

 username
 规定在 HTTP 访问认证请求中使用的用户名。

 xhr
 用于创建 XMLHttpRequest 对象的函数。



 ★★★ ============================================================= ajax demo

 //$(document).ready(function () {

 //    $("button").click(function () {

 //        $("#div1").load("../OtherFiles/ajaxtest1.txt #p1", function (responseTxt, statusTxt, xhr) {

 //            if (statusTxt == "success")

 //                alert("External content loaded successfully!");

 //            if (statusTxt == "error")

 //                alert("Error: " + xhr.status + ": " + xhr.statusText);

 //        });

 //    });

 //});

 //$(document).ready(function () {

 //    $("button").click(function () {

 //        $.get("Home/AjaxGet", function (data, status) {

 //            alert("Data: " + data + "\nStatus: " + status);

 //        });

 //    });

 //});

 //$(document).ready(function () {

 //    $("button").click(function () {

 //        $.post(

 //            "Home/AjaxPost",

 //            {

 //                name: "cxc",

 //                grade:88

 //            },

 //            function (data, status) {

 //                alert("Data: " + data + "\nStatus: " + status);

 //            });

 //    });

 //});

 //$(document).ready(function () {

 //    $("button").click(function () {

 //        $.ajax({

 //            url: "AjaxPost",

 //            type:"get",

 //            data: {name: "cxc",grade:88},

 //            success: function (data, status) {

 //            alert("Data: " + data + "\nStatus: " + status);

 //        }});

 //    });

 //});

 //$(document).ready(function () {

 //    $("button").click(function () {

 //        $.getJSON("Home/AjaxJson", { name: "cxc", grade: 88 }, function (data) {

 //                alert("Data: " + data.grade);

 //            }

 //        );

 //    });

 //});

标签:jQuery,知识点,请求,function,AJAX,status,整理,data
From: https://blog.51cto.com/u_13128132/6323343

相关文章

  • 【整理】html5知识点3
    1、====================================================================HTML5新的Input类型HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。本章全面介绍这些新的输入类型:colordatedatetimedatetime-localemailmonthnu......
  • 【整理】html知识点
    1、链接target属性_blank在新窗口中打开<ahref="http://www.runoob.com/"target="_blank">访问菜鸟教程!</a>2、链接id属性在HTML文档中插入ID:<aid="tips">有用的提示部分</a>在HTML文档中创建一个链接到"有用的提示部分(id="tips......
  • 《操作系统》知识框架整理
    文章目录第1章计算机系统概述1.1操作系统的基本概念1.1.1操作系统的三大功能1.1.2操作系统的四大特征1.2操作系统的分类1.3操作系统的运行机制和体系结构1.3.1运行机制和体系结构1.3.2中断和异常1.3.3系统调用第2章进程管理2.1进程与线程2.1.1进程的定义、特征、组成......
  • c语言程序设计知识点总结03
    c语言程序设计知识点总结03地址(Address):计算机的内存由若干个字节内存单元构成,每个字节内存单元都有一个唯一的地址用于区分和存取单元中的数据。形式上,地址是一个无符号整数,从0开始,依次递增,在表达和交流时,通常把地址写成十六进制数。指针(Pointer):一个变量,它存有另外一......
  • jQuery Mobile笔记二
    6、按钮6.1 链接按钮(1)默认按钮,填充其外层容器的整个宽度 <ahref="#"data-role="button">Button</a>(2)紧凑按钮,宽度与内部的文本和图标的宽度相同<ahref="#"data-role="button"data-inline="true">Button</a>6.2 表单按钮<buttontype......
  • WEB—漏洞必懂知识点
     CTF,SRC,红蓝对抗,实战等SRC:针对与网站上面的漏洞,进行提交漏洞并证实可以获得相应的佣金。偏向于实战,重点掌握获取网站权限 漏洞等级划分高危:SQL注入,文件上传,文件包含,代码执行,未授权访问——直接影响到网站权限和数据库权限,能够直接获取数据或者获取到一些敏感信息只要涉......
  • 2023上半年软考系统分析师科目一整理-01
    (2023上半年软考系统分析师科目一整理-01)1.面向对象面向对象分析中,对象是类的实例。对象的构成成分包含了(A),属性和方法(或操作)。A.标识 B.消息 C.规则 D.结构对象的三要素为:属性(数据)、方法(操作)、对象ID(标识)。面向对象分析中,类与类之间的“IS-A”关系的是一种(C),......
  • 网络编辑的使用和知识点,进程线程之间实现交互
    软件开放的框架c/s架构c就是Client客户端就是要去请求数据的s就是Server服务端就是给客服端根据客户的要求提供数据的服务端的必备条件时刻提供服务等待客服端的访问有一个固定的地址能够接受多个服务端的请求(高并发)B/s架构B就是Browser就是一个浏览器充当所有服务端......
  • 大师罗莊自己整理的绘画色彩笔记
     这些都是我上绘画课整理出来的笔记  鄙人抱着以“画”会友,给大家分享经验,对应美术入门和低年级色彩课程  老师语录: 1、你们不要画个东西八分像九分像就可以了,要准确无误。  2、我上次参观的前苏联ABC建筑学院,说是说叫建筑学院,与美术不沾边。  他们要上6年课程,前......
  • 几篇不错的jquery源码总结的文章
    网上看到的几篇写的不错的jquery源码的文章,感觉不错,转载过来,以备温习之用,有时间自己也该看看源码了。 http://www.iteye.com/topic/349020http://www.iteye.com/topic/545971http://www.iteye.com/topic/1126505http://www.iteye.com/topic/1126505http://www.iteye.com/topic/714......