大橙子网站建设,新征程启航
为企业提供网站建设、域名注册、服务器等服务
本文实例讲述了jQuery使用$.get()方法从服务器文件载入数据。分享给大家供大家参考。具体如下:
创新互联建站成立于2013年,先为光山等服务建站,光山等地企业,进行企业商务咨询服务。为光山企业网站制作PC+手机+微官网三网同步一站式服务解决您的所有建站问题。
!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发送HTTP
GET请求并获取返回值/button
/body
/html
希望本文所述对大家的jQuery程序设计有所帮助。
1.方法.toArray()将当前jQuery对象转换为真正的数组,转换后的数组包含了所有元素。方法.toArray()的实现巧妙地借用了数组的方法slice(),
2.方法.get()返回当前jQuery对象中指定位置的元素或包含了全部元素的数组。如果没有传入参数,则调用.toArray()返回包含了所有元素的数组;如果指定
了参数index,则返回一个单独的元素;参数index从0开始计算,并且支持负数,负数表示从元素集合末尾开始计算。
jquery的load把返回的数据放到指定的元素中,不是全局函数;
jquery的get把返回的数据交给用户处理,是全局函数。
load和get同样是jquery的ajax函数,load的实现,几乎等于get之后再设置网页元素,在ajax获取机制上没有区别,但要注意的是,load方法另一个和get的重要区别,就是load允许指定要插入的远程文档的某个部分,比如:
$("#result").load("test.html #page2");
load是最简单的ajax加载局部网页的方法,但有局限性(只能替换元素内容),get也是jquery中比较简单的方法,两者的安全级别较低。如果有传送密码和其它重要数据信息,推荐使用post方法。
描述:
请求 test.php 网页,忽略返回值。
jQuery 代码:
$.get("test.php");描述:
请求 test.php 网页,传送2个参数,忽略返回值。
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,取决于返回值),添加一组请求参数。
jQuery 代码:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: " + data);
});
在jquery中使用get,post和ajax方法给服务器端传递数据,在上篇文章给大家分享了jquery中ajax-post()方法实例,下面通过本文继续学习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
。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用
$.ajax。
语法
$(selector).get(url,data,success(response,status,xhr),dataType)
详细说明
该函数是简写的
Ajax
函数,等价于:
$.ajax({
url:
url,
data:
data,
success:
success,
dataType:
dataType
});
根据响应的不同的
MIME
类型,传递给
success
回调函数的返回数据也有所不同,这些数据可以是
XML
root
元素、文本字符串、JavaScript
文件或者
JSON
对象。也可向
success
回调函数传递响应的文本状态。
对于
jQuery
1.4,也可以向
success
回调函数传递
XMLHttpRequest
对象。
示例
请求
test.php
网页,忽略返回值:
$.get("test.php");
更多示例
例子
1
请求
test.php
网页,传送2个参数,忽略返回值:
$.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,取决于返回值),添加一组请求参数:
$.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
=
{};
//
组装发送参数
param['name']
=
$('form
input[name=name]').val();
param['age']
=
$('form
input[name=age]').val();
$.get(url,
param,
function(dom)
{
$('div.get').append(dom)
})
;
//
发送并显示返回内容
});
})
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()
方法实例详解,希望大家喜欢。
eq返回的是一个jquery对象 get返回的是一个html 对象数组
返回的是jQuery对象,就可以继续调用其他方法,返回的是html数组就不能调用jQuery的其他方法
例如:
$("ul li").get(1).css("color", "red"); //这个是错误的
$("ul li").eq(1).css("color", "red"); //这个是正确的