㈠ jQuery中ajax - get() 方法實例詳解
在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()
方法實例詳解,希望大家喜歡。
㈡ 使用PHP+ajax實時顯示下面這里的行情數據
其實這跟AJAX無關,
AJAX也是需要一個類似點了按鈕觸發它去調取數據這樣子,
你如果想要時時刷新,相當於原頁面每變動一次,你這邊頁面也跟著變動對吧,
如果用PHP做,只能定時查詢了,每隔多長時間主動查詢一次,
每次查詢完保存信息,完了,下次查詢時比對與上次查詢的信息是否有變化,
如果有變化則顯示在你的目標頁上,
以上,有問題請追問,
㈢ php ajax post如何處理多個返回信息
$.post是提供簡單的封裝的ajax post請求的方法,沒辦法進行更詳細的配置。改為使用$.ajax把,裡面有一個參數可以配置超時時間如$.ajax({url:"xxx.php",type:"POST",dataType:"json",timeout:60000, //超時時間,現在設置為60s。success:function(data){ console.log(data);}});更詳細的配置可以查看jQuery的API文檔。另外需要你的伺服器端配置的超時時間不能小於jQuery裡面配置的。要不然jQuery還沒有超時,伺服器端直接返回timeout了。同時優化一下服務端的處理,提高相應速度也是一個不錯的選擇。
㈣ ajax在php學習中很重要嗎它具體什麼內容啊
Ajax是Javascript技術的一種運用,基本上是用於客戶端與伺服器數據的交互,預處理等.
PHP是伺服器端的程序處理,主要用於業務邏輯的實現與數據的調用處理.
這兩種大體上是屬於不同的技術范疇.兩者之間不是必然的聯系.
學好Ajax對任何一種Web類型編程都有很大的好處.
AJAX為「Asynchronous JavaScript and XML」(非同步的JavaScript與XML技術),是一種廣泛應用在瀏覽器的網頁開發技術。
具體的內容闡述起來篇幅很大,建議查閱相關的書籍與搜索網路資料.
㈤ thinkphp中怎麼用ajax
thinkphp中使用ajax很簡單.主要掌握的地方有三個.
第一.tp中ajax的url需要使用大U方法.比如:$.post("{:U('User/add')}")
第二.控制器中返回結果得第一種方法.$this->error('失敗','',true); 第三個參數為true.則發揮的是json數據.包含info.status.url三項.
第三.控制器中返回結果的第二種方法.$this->ajaxReturn(array('customKey1'=>'customValue1','customKey2'=>'customValue2','customKey3'=>'customValue3')).
掌握以上三點和ajax基本使用方法.那麼在tp中使用ajax也就掌握了.簡單的例子如下.偽代碼,或許有錯.
模板中:
<script>
$.post("{:U('User/add')",{uname:xiaoming,age:15},function(data){
//data接收返回數據
if(data.status==1){
alert(data.info);
location.href=data.url;
}else{
alert('錯誤');
}
});
</script>
控制器中:
publicfunctionadd(){
if(IS_AJAX){
$name=I('post.name','','trim');
$age=I('post.age','','trim');
if($name&&$age){
//插入數據
$this->success('添加成功',U('User/index'),true);
}else{
$this->ajaxReturn(array(
'status'=>0,
'info'=>'大爺,您沒輸入名字',
'url'=>U('User/add')
));
}
}else{
returnfalse;
}
}
大概就是這樣子.至於剩下的$.ajax.$.getJson等等都是一樣的道理
㈥ 請求一個php+ajax+jquey的實例:是有經過php處理彈出的那些錯誤信息如何傳遞到前端html頁面過程的實例
$(".matuan_good").live("click",function(){
ob=$(this);
varreply_id=$(this).attr('rel');
varnownum=$(this).find('span').text();
url="__ROOT__/Forum/post/forum_reply_ding";
$.ajax({
type:"POST",
url:url,
data:{reply_id:reply_id,nownum:nownum},
dataType:"json",
success:function(data){
if(data.status==0){
document.getElementById("zixunqdok").innerHTML=data.info;
$("#zixunqd").css({"display":"block"});
$('.globleconfirma').click(function(){
$("#zixunqd").css({"display":"none"});
});
$('.globlecloseimg').click(function(){
$("#zixunqd").css({"display":"none"});
})
}else{
ob.find('span').text(data.info);
}
}
});
});
ajax返回的數據是對象,亦或是json格式
裡面有自定義的status
message
title
contnet等。
前端拿到的時候就是obj.status
obj.message
if(obj.status='1'){
//ok
}
㈦ php如何獲取jquery ajax傳遞過來的值
方法和詳細的操作步驟如下:
1、第一步,安裝並配置PHP集成環境,以phpstudy為例,見下圖,轉到下面的步驟。