首頁 > 後端開發 > php教程 > 例子就是一个button按钮,click后执行一段php代码,而不是连接到php页面

例子就是一个button按钮,click后执行一段php代码,而不是连接到php页面

WBOY
發布: 2016-06-13 13:37:34
原創
875 人瀏覽過

求一个例子就是一个button按钮,click后执行一段php代码,而不是连接到php页面
我看网上说是用ajax,但是我不会用,求一段jquery $.ajax()方法写的一个小例子

------解决方案--------------------
测试过了直接用,把文件也保存为utf-8格式的,中文也不会乱码,希望对你有用,jquery要包含,
例子中我包含到线上的http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js
,实际从官网下载

//a.html

HTML code



 
  <title> ajax 提交 </title>
  <meta http-equiv="Content-Type" content="text/html" charset="utf-8">


  <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script> 
 

 

<input name="txt_name" id="txt_name" type="text" value="">
<input name="txt_age" id="txt_age" type="text" value="">
<input type="button" onclick="btnClick();" value="提交">



<script type="text/javascript"> 
    
    function btnClick(){
        var txtName = $('#txt_name').val();
        var txtAge = $('#txt_age').val();
        dataVal={txt_name:txtName,txt_age:txtAge};
        $.ajax({
           type: "GET",
           url: "a.php",
           data:dataVal,
          // data: "name=John&location=Boston",
           success: function(msg){
                alert(msg);
            
           }
        }); 
}
</script>
 
 <div class="clear">
                 
              
              
        
            </div>
登入後複製
相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板