jQuery初体验60-79

60、终于到了前端的get（）方法

jQuery $.get() 方法

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

语法：

$.get(URL,callback);

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

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

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

实例

$("button").click(function(){
  $.get("demo_test.asp",function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

亲自试一试

$.get() 的第一个参数是我们希望请求的 URL（"demo_test.asp"）。

第二个参数是回调函数。第一个回调参数存有被请求页面的内容，第二个回调参数存有请求的状态。

提示：这个 ASP 文件 ("demo_test.asp") 类似这样：

<%
response.write("This is some text from an external ASP file.")
%>

61、用post（）方法提交数据，我看是用form形式提交过去的

jQuery $.post() 方法

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

语法：

$.post(URL,data,callback);

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

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

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

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

实例

$("button").click(function(){
  $.post("demo_test_post.asp",
  {
    name:"Donald Duck",
    city:"Duckburg"
  },
  function(data,status){
    alert("Data: " + data + "\nStatus: " + status);
  });
});

亲自试一试

$.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.asp")。

然后我们连同请求（name 和 city）一起发送数据。

"demo_test_post.asp" 中的 ASP 脚本读取这些参数，对它们进行处理，然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容，而第二个参数存有请求的状态。

提示：这个 ASP 文件 ("demo_test_post.asp") 类似这样：

<%
dim fname,city
fname=Request.Form("name")
city=Request.Form("city")
Response.Write("Dear " & fname & ". ")
Response.Write("Hope you live well in " & city & ".")
%>

这是本次的请求报文

POST /example/jquery/demo_test_post.asp HTTP/1.1
Host: www.w3school.com.cn
Connection: keep-alive
Content-Length: 30
Accept: */*
Origin: http://www.w3school.com.cn
X-Requested-With: XMLHttpRequest
User-Agent: Mozilla/5.0 (Linux; Android 6.0; Nexus 5 Build/MRA58N) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/72.0.3626.119 Mobile Safari/537.36
Content-Type: application/x-www-form-urlencoded; charset=UTF-8
Referer: http://www.w3school.com.cn/tiy/loadtext.asp?f=jquery_ajax_post
Accept-Encoding: gzip, deflate
Accept-Language: zh-CN,zh;q=0.9,en-US;q=0.8,en;q=0.7
Cookie: _ga=GA1.3.1823587713.1530342815; ASPSESSIONIDCAACSRQS=EMKGALJCAFMJJADGJBEMPDED; ASPSESSIONIDCCAAQTRT=AOIDMGGDFLDJMAGNKANNFIIO; ASPSESSIONIDAACASQRT=HDDJJCDANBJOCPAIJEBJFLOL; ASPSESSIONIDACCDSRQT=GGNPJKMBONJOCBMJBJBCPGEC; _gid=GA1.3.1051208489.1551668769; ASPSESSIONIDCACDTQQS=JMJLDGJCGBIIDOLOGICHJPLE; _gat_gtag_UA_878633_1=1

name=Donald+Duck&city=Duckburg

62、 如何在页面上同时使用 jQuery 和其他框架？

jQuery 和其他 JavaScript 框架

正如您已经了解到的，jQuery 使用 $ 符号作为 jQuery 的简写。

如果其他 JavaScript 框架也使用 $ 符号作为简写怎么办？

其他一些 JavaScript 框架包括：MooTools、Backbone、Sammy、Cappuccino、Knockout、JavaScript MVC、Google Web Toolkit、Google Closure、Ember、Batman 以及 Ext JS。

其中某些框架也使用 $ 符号作为简写（就像 jQuery），如果您在用的两种不同的框架正在使用相同的简写符号，有可能导致脚本停止运行。

jQuery 的团队考虑到了这个问题，并实现了 noConflict() 方法。

具体怎么做：http://www.w3school.com.cn/jquery/jquery_noconflict.asp

63、剩下的就是校验自己low不low的例子了，我这边只能继续加速，根本停不下来

http://www.w3school.com.cn/jquery/jquery_examples.asp

jQuery $.get() 方法

语法：

实例

jQuery $.post() 方法

语法：

实例

jQuery 和其他 JavaScript 框架

猜你喜欢