首页 > Web开发 > 详细

php jquery ajax

时间:2015-06-29 14:29:58      阅读:126      评论:0      收藏:0      [点我收藏+]
1.php文件如下
<?php
header(Content-Type:text/html;charset=utf-8);
?>
  
<script type="text/javascript"src="http://code.jquery.com/jquery.min.js"></script>
<scripttype="text/javascript">
$(function() {
    $("#subbtn").click(function() {
        var params = $(input).serialize();
        var url = "你的服务器端 php";
  
        $.ajax({
            type: "post",
            url: url,
            dataType: "json",
            data: params,
            success: function(msg){
                var tishi = "您提交的姓名为:" + msg.name +
                "<br/> 您提交的密码为:" + msg.password;
                $("#tishi").html(tishi);
                $("#tishi").css({color: "green"});
            }
        });
    });
  
});
  
</script>
<p><labelfor="name">姓名:</label>
<inputid="name"name="name"type="text"/>
</p>
  
<p><labelfor="password">密码:</label>
<inputid="password"name="password"type="password"/>
</p>
  
<spanid="tishi"></span>
<p><inputid="subbtn"type="button"value="ajax 测试"/></p>
 
 
2.服务器 PHP 代码如下

<?php
echo json_encode($_POST);
 

php jquery ajax

原文:http://www.cnblogs.com/qhorse/p/4607309.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!