前端jquery 后端 thinkphp 实现局部刷新

本例  用jquery 实现 通过把一个标签的变量传递给后台处理后，然后返回给前台另外一个变量
大致流程是这样的：前端编写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);
      
       
       
       
    }