您的位置：首页 > Web前端 > JQuery

php jquery ajax

2015-06-29 13:39 701 查看
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);
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 点击这里给我发消息
标签： 
相关文章推荐
新的分享
章节导航