前端jquery 后端 thinkphp 实现局部刷新
来源:互联网 发布:淘宝热卖怎么加入 编辑:程序博客网 时间:2024/05/21 01:57
大致流程是这样的:前端编写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);
}
- 前端jquery 后端 thinkphp 实现局部刷新
- JQuery实现局部刷新
- JQUERY实现局部刷新
- jquery实现页面局部刷新
- jquery实现页面局部刷新
- jQuery局部刷新的实现
- jquery实现页面局部刷新
- ThinkPHP快速实现数据分页(前端/后端分离)
- 通过jQuery实现Ajax局部刷新
- JQuery的Ajax请求实现局部刷新
- js 和Jquery 实现Ajax 局部刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jQuery实现AJAX定时局部页面刷新
- jquery 实现页面局部刷新ajax做法
- jquery+Struts2实现ajax局部刷新分页
- jquery中使用get实现局部刷新
- jQuery实现AJAX定时局部页面刷新
- 【源码】Timer和TimerTask源码剖析
- varchar、char和Nvarchar\nchar区别
- [概念]__bridge、__bridge_transfer和__bridge_retained详解
- 九度oj-1068-球的半径和体积
- 黑马程序员——图形界面
- 前端jquery 后端 thinkphp 实现局部刷新
- [概念]深.浅拷贝与 copy 、strong
- Java生成固定长度的字符串,长度不足自动填充指定字符
- 动态规划学习笔记
- [概念]Objective-C的内存管理,黄金法则的理解
- iframe上传图片
- CSDN资源汇总
- 将Activity设置对齐方式
- 二分图匹配算法