jQuery使用$.get()方法從服務器文件載入數(shù)據(jù)實例

本文實例講述了jQuery使用$.get()方法從服務器文件載入數(shù)據(jù)。分享給大家供大家參考。具體如下：

創(chuàng)新互聯(lián)建站成立于2013年，先為光山等服務建站，光山等地企業(yè)，進行企業(yè)商務咨詢服務。為光山企業(yè)網(wǎng)站制作PC+手機+微官網(wǎng)三網(wǎng)同步一站式服務解決您的所有建站問題。

!DOCTYPE

html

html

head

script

src="js/jquery.min.js"

/script

script

$(document).ready(function(){

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

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

alert("Data:

"

+

data

+

"\nStatus:

"

+

status);

});

});

});

/script

/head

body

button發(fā)送HTTP

GET請求并獲取返回值/button

/body

/html

希望本文所述對大家的jQuery程序設計有所幫助。

jquery操作類數(shù)組的方法get()和toArray()有什么區(qū)別？

1.方法.toArray()將當前jQuery對象轉(zhuǎn)換為真正的數(shù)組，轉(zhuǎn)換后的數(shù)組包含了所有元素。方法.toArray()的實現(xiàn)巧妙地借用了數(shù)組的方法slice()，

2.方法.get()返回當前jQuery對象中指定位置的元素或包含了全部元素的數(shù)組。如果沒有傳入?yún)?shù)，則調(diào)用.toArray()返回包含了所有元素的數(shù)組；如果指定

了參數(shù)index，則返回一個單獨的元素；參數(shù)index從0開始計算，并且支持負數(shù)，負數(shù)表示從元素集合末尾開始計算。

jquery的load和get的區(qū)別

jquery的load把返回的數(shù)據(jù)放到指定的元素中，不是全局函數(shù)；

jquery的get把返回的數(shù)據(jù)交給用戶處理，是全局函數(shù)。

load和get同樣是jquery的ajax函數(shù)，load的實現(xiàn)，幾乎等于get之后再設置網(wǎng)頁元素，在ajax獲取機制上沒有區(qū)別，但要注意的是，load方法另一個和get的重要區(qū)別，就是load允許指定要插入的遠程文檔的某個部分，比如：

$("#result").load("test.html #page2");

load是最簡單的ajax加載局部網(wǎng)頁的方法，但有局限性（只能替換元素內(nèi)容），get也是jquery中比較簡單的方法，兩者的安全級別較低。如果有傳送密碼和其它重要數(shù)據(jù)信息，推薦使用post方法。

jquery get()函數(shù)用法。

描述:

請求 test.php 網(wǎng)頁，忽略返回值。

jQuery 代碼:

$.get("test.php");描述:

請求 test.php 網(wǎng)頁，傳送2個參數(shù)，忽略返回值。

jQuery 代碼:

$.get("test.php", { name: "John", time: "2pm" } );描述:

顯示 test.php 返回值(HTML 或 XML，取決于返回值)。

jQuery 代碼:

$.get("test.php", function(data){

alert("Data Loaded: " + data);

});描述:

顯示 test.cgi 返回值(HTML 或 XML，取決于返回值)，添加一組請求參數(shù)。

jQuery 代碼:

$.get("test.cgi", { name: "John", time: "2pm" },

function(data){

alert("Data Loaded: " + data);

});

jQuery中ajax - get() 方法實例詳解

在jquery中使用get，post和ajax方法給服務器端傳遞數(shù)據(jù)，在上篇文章給大家分享了jquery中ajax-post()方法實例，下面通過本文繼續(xù)學習jQuery中ajax

-

get()

方法，具體介紹請看下文。

jQuery

Ajax

參考手冊

實例

使用

AJAX

的

GET

請求來改變

div

元素的文本：

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

$.get("demo_ajax_load.txt",

function(result){

$("div").html(result);

});

});

親自試一試

定義和用法

get()

方法通過遠程

HTTP

GET

請求載入信息。

這是一個簡單的

GET

請求功能以取代復雜

$.ajax

。請求成功時可調(diào)用回調(diào)函數(shù)。如果需要在出錯時執(zhí)行函數(shù)，請使用

$.ajax。

語法

$(selector).get(url,data,success(response,status,xhr),dataType)

詳細說明

該函數(shù)是簡寫的

Ajax

函數(shù)，等價于：

$.ajax({

url:

url,

data:

data,

success:

success,

dataType:

dataType

});

根據(jù)響應的不同的

MIME

類型，傳遞給

success

回調(diào)函數(shù)的返回數(shù)據(jù)也有所不同，這些數(shù)據(jù)可以是

XML

root

元素、文本字符串、JavaScript

文件或者

JSON

對象。也可向

success

回調(diào)函數(shù)傳遞響應的文本狀態(tài)。

對于

jQuery

1.4，也可以向

success

回調(diào)函數(shù)傳遞

XMLHttpRequest

對象。

示例

請求

test.php

網(wǎng)頁，忽略返回值：

$.get("test.php");

更多示例

例子

1

請求

test.php

網(wǎng)頁，傳送2個參數(shù)，忽略返回值：

$.get("test.php",

{

name:

"John",

time:

"2pm"

}

);

例子

2

顯示

test.php

返回值(HTML

或

XML，取決于返回值)：

$.get("test.php",

function(data){

alert("Data

Loaded:

"

+

data);

});

例子

3

顯示

test.cgi

返回值(HTML

或

XML，取決于返回值)，添加一組請求參數(shù)：

$.get("test.cgi",

{

name:

"John",

time:

"2pm"

},

function(data){

alert("Data

Loaded:

"

+

data);

});

jquery

ajax

的

$.get（）用法詳解

js文件

$(document).ready(function(){

$("form").submit(function(event)

{event.preventDefault()})//取消submit的默認行為

$("form

input[type='submit']").click(function(){

var

url

=

$('form').attr('action');

//

取Form中要提交的鏈接

var

param

=

{};

//

組裝發(fā)送參數(shù)

param['name']

=

$('form

input[name=name]').val();

param['age']

=

$('form

input[name=age]').val();

$.get(url,

param,

function(dom)

{

$('div.get').append(dom)

})

;

//

發(fā)送并顯示返回內(nèi)容

});

})

html文件

form

action="ajax.php"

method="get"

Name:

input

type="text"

name="name"

/

Age:

input

type="text"

name="age"

/

input

type="submit"

/

/form

div

class="get"這是ajax的get方法/div

php文件

error_reporting(0);

if($_GET["name"]=="kitty")

{

$name=

"you

are

the

lucky";

}

else

$name=$_GET["name"];

$age=$_GET["age"];

echo

"div

".$name."

".$age."/div";

以上介紹就是本文給大家分享的jQuery中ajax

-

get()

方法實例詳解，希望大家喜歡。

jQuery中get()和eq(的區(qū)別)

eq返回的是一個jquery對象 get返回的是一個html 對象數(shù)組

返回的是jQuery對象，就可以繼續(xù)調(diào)用其他方法，返回的是html數(shù)組就不能調(diào)用jQuery的其他方法

例如：

$("ul li").get(1).css("color", "red"); //這個是錯誤的

$("ul li").eq(1).css("color", "red"); //這個是正確的

分享標題：包含get()jquery的詞條
URL網(wǎng)址：http://sd-ha.com/article14/dseshge.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供電子商務、定制網(wǎng)站、、App設計、靜態(tài)網(wǎng)站、營銷型網(wǎng)站建設

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)