大致流程是这样的:前端编写html代码 ,加入要局部刷新的 jquery代码并指定要响应的url,
首先得知道 jquery 是 javascript 的一个框架
接着了解 jquery的一些语法
$('#getkey')-----获取标签id 为 getkey 的对象
处理函数放在 $(function)({ });里面
$('#getkey').click(function(){ ----getkey对象的click函数
})
下面是完整的一段 js代码
<script>
var url='__URL__/GetAppKey';
$(function(){
$('#getkey').click(function(){ //单击 $('#getkey') 标签 响应
$.post(url,
{
packagename:$('#package').val() //传递给后台的参数
},
function(success){
$('#key').val(success); //成功后返回 ,设置 $('#key')的值
})
});
});
jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)--说明
参数 描述
url 必需。规定把请求发送到哪个 URL。
data 可选。映射或字符串值。规定连同请求发送到服务器的数据。
success(data, textStatus, jqXHR) 可选。请求成功时执行的回调函数。
dataType 可选。规定预期的服务器响应的数据类型。
默认执行智能判断(xml、json、script 或 html)。
对上面那段js代码的解释如下:
得到标签 id 为getkey 的对象,单击该标签的处理函数如下,
对 url 这个地址 发送post 请求,同时带上参数 packagename:$('#package').val()
并且 设置 标签id为key 的值 为 post返回的结果
接下来看 url 对应到 php代码
public function GetAppKey($packagename)
{
/*
计算 APP的key值
*/
echo $key=$packagename;
}
---------------------------------------完整的代码------------------------------------
html 前端
<input class="button" id="getkey" value="获取APP的唯一key值"/>
<input class="input" style="width:260px" value="{$key}" id="key" name="key" readOnly="true" />
<script>
var url='__URL__/GetAppKey';
$(function(){
$('#getkey').click(function(){
$.post(url,
{
packagename:$('#package').val(),
aa:'aa'
},
function(success){
$('#key').val(success);
})
});
});
</script>
--------------------后台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);
}