php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新
本例? 用jquery 實現(xiàn) 通過把一個標簽的變量傳遞給后臺處理后,然后返回給前臺另外一個變量
大致流程是這樣的:前端編寫html代碼 ,加入要局部刷新的 jquery代碼并指定要響應的url,
首先得知道 jquery 是 javascript 的一個框架
接著了解 jquery的一些語法
$('#getkey')-----獲取標簽id 為 getkey 的對象
處理函數(shù)放在 $(function)({? });里面
$('#getkey').click(function(){?? ----getkey對象的click函數(shù)
})
下面是完整的一段 js代碼
var url='__URL__/GetAppKey';
$(function(){
$('#getkey').click(function(){? //單擊 $('#getkey') 標簽 響應
$.post(url,
{
packagename:$('#package').val()? //傳遞給后臺的參數(shù)
},
function(success){
$('#key').val(success);?? ??? ?//成功后返回 ,設置 $('#key')的值
})
});
});
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)--說明
參數(shù) ?? ?描述
url ?? ?必需。規(guī)定把請求發(fā)送到哪個 URL。
data ?? ?可選。映射或字符串值。規(guī)定連同請求發(fā)送到服務器的數(shù)據(jù)。
success(data, textStatus, jqXHR) ?? ?可選。請求成功時執(zhí)行的回調函數(shù)。
dataType ?? ?可選。規(guī)定預期的服務器響應的數(shù)據(jù)類型。
默認執(zhí)行智能判斷(xml、json、script 或 html)。
對上面那段js代碼的解釋如下:
得到標簽 id 為getkey 的對象,單擊該標簽的處理函數(shù)如下,
對 url 這個地址 發(fā)送post 請求,同時帶上參數(shù)?? packagename:$('#package').val()
并且 設置 標簽id為key 的值 為 post返回的結果
接下來看 url 對應到 php代碼
public function GetAppKey($packagename)
{
/*
計算 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);
})
});
});
--------------------后臺php代碼----------------
/* ? ? ?獲取app的唯一key ? ? */ ? ? public function GetAppKey($packagename,$aa) ? ? { ? ? ? ? /* ? ? ? ? 計算 APP的key值 ? ? ? ? */ ? ? ? ? ? ? ? ?echo md5($packagename); ? ? ? ? ? // ?$this->ajaxReturn(array($key),'json'); ? ? ? // $this->assign('key',md5($key)); ? ? ? ?//$this->display(AddApp); ? ? ?? ? ? ? ? ? ? ? ? ? ? ? ? ? ? }
總結
以上是生活随笔為你收集整理的php div图片局部刷新,前端jquery 后端 thinkphp 实现局部刷新的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 火星时代培训多少钱
- 下一篇: 神迹凌风不用冰雪大帝能过圣冕吗