jquery GET POST

weixin_33816946發表於2016-09-08

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<head>

<!--引入百度庫-->

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js">

</script>

<title></title>

 

<script>

$(document).ready(function(){

$("#btn1").click(function(){

            $.get("/try/ajax/demo_test.php",function(data,status){

        alert("資料: " + data + "\n狀態: " + status);

            });

            });

             });

             

             

             $("#btn1").click(function(){

      $.post("/try/ajax/demo_test_post.php",{

    name:"菜鳥教程",

    url:"http://www.runoob.com"

      },

      function(data,status){

alert("資料: \n" + data + "\n狀態: " + status);

});

});

             

</script>

</head>

 

<body>

    <button id="btn1">新增文字</button>

 

</body>

</html>