本例? 用jquery 實(shí)現(xiàn) 通過(guò)把一個(gè)標(biāo)簽的變量傳遞給后臺(tái)處理后，然后返回給前臺(tái)另外一個(gè)變量

大致流程是這樣的：前端編寫(xiě)html代碼 ，加入要局部刷新的 jquery代碼并指定要響應(yīng)的url，

首先得知道 jquery 是 javascript 的一個(gè)框架

接著了解 jquery的一些語(yǔ)法

$('#getkey')-----獲取標(biāo)簽id 為 getkey 的對(duì)象

處理函數(shù)放在 $(function)({? });里面

$('#getkey').click(function(){?? ----getkey對(duì)象的click函數(shù)

})

下面是完整的一段 js代碼

var url='__URL__/GetAppKey';

$(function(){

$('#getkey').click(function(){? //單擊 $('#getkey') 標(biāo)簽 響應(yīng)

$.post(url,

{

packagename:$('#package').val()? //傳遞給后臺(tái)的參數(shù)

},

function(success){

$('#key').val(success);?? ??? ?//成功后返回 ，設(shè)置 $('#key')的值

})

});

});

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)--說(shuō)明

參數(shù) ?? ?描述

url ?? ?必需。規(guī)定把請(qǐng)求發(fā)送到哪個(gè) URL。

data ?? ?可選。映射或字符串值。規(guī)定連同請(qǐng)求發(fā)送到服務(wù)器的數(shù)據(jù)。

success(data, textStatus, jqXHR) ?? ?可選。請(qǐng)求成功時(shí)執(zhí)行的回調(diào)函數(shù)。

dataType ?? ?可選。規(guī)定預(yù)期的服務(wù)器響應(yīng)的數(shù)據(jù)類(lèi)型。

默認(rèn)執(zhí)行智能判斷(xml、json、script 或 html)。

對(duì)上面那段js代碼的解釋如下：

得到標(biāo)簽 id 為getkey 的對(duì)象，單擊該標(biāo)簽的處理函數(shù)如下,

對(duì) url 這個(gè)地址 發(fā)送post 請(qǐng)求，同時(shí)帶上參數(shù)?? packagename:$('#package').val()

并且 設(shè)置 標(biāo)簽id為key 的值 為 post返回的結(jié)果

接下來(lái)看 url 對(duì)應(yīng)到 php代碼

public function GetAppKey($packagename)

{

/*

計(jì)算 APP的key值

*/

echo $key=$packagename;

｝

---------------------------------------完整的代碼------------------------------------

html ?前端

var url='__URL__/GetAppKey';

$(function(){

$('#getkey').click(function(){

$.post(url,

{

packagename:$('#package').val(),

aa:'aa'

},

function(success){

$('#key').val(success);

})

});

});

--------------------后臺(tái)php代碼----------------

/* ? ? ?獲取app的唯一key ? ? */ ? ? public function GetAppKey($packagename,$aa) ? ? { ? ? ? ? /* ? ? ? ? 計(jì)算 APP的key值 ? ? ? ? */ ? ? ? ? ? ? ? ?echo md5($packagename); ? ? ? ? ? // ?$this->ajaxReturn(array($key),'json'); ? ? ? // $this->assign('key',md5($key)); ? ? ? ?//$this->display(AddApp); ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }

總結(jié)

以上是生活随笔為你收集整理的php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。