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

WBOY
Freigeben: 2016-06-13 13:37:34
Original
858 Leute haben es durchsucht

求一个例子就是一个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>
Nach dem Login kopieren
Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage