继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

AJAX调用PHP简单应用

千万里不及你
关注TA
已关注
手记 164
粉丝 51
获赞 237

HTML页面

<html>  

    <head>  

    </head>  

    <body>  

       <form action="7.php">

         <input type="text" name="name">

        <input type="text" name="pass">

        <input type="text" name="age">

        <input type="button" value="提交" onclick="a();"> 

       </form>

       <script src="js\jquery-1.11.2.min.js"></script>

       <script>

         function a(){

             var cont=$("input").serialize();

    $.ajax({

        url:"7.php",

        type:'post',

        data:cont,

        success:function (data){

        var res = eval("(" + data + ")");//转为Object对象

        document.write("name:"+res["name"]+"<br>");

        document.write("pass:"+res["pass"]+"<br>");

        document.write("age:"+res["age"]+"<br>");

}

    })

         }

       </script>

    </body>  

</html>



PHP页面

<?php  

$name=$_POST["name"];

$pass=$_POST["pass"];

$age=$_POST["age"];

 $arr=array("name"=>$name,"pass"=>$pass,"age"=>$age);

$arr=json_encode($arr);

echo $arr;

?>




打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP