PHP使用jQuery的ajax的功能

最新推荐文章于 2021-08-06 19:57:25 发布

赖猩猩

最新推荐文章于 2021-08-06 19:57:25 发布

阅读量306

点赞数

分类专栏：学习笔记

本文链接：https://blog.csdn.net/u014545623/article/details/45250243

版权

学习笔记专栏收录该内容

4 篇文章 0 订阅

订阅专栏

首先是html页面,引入了Jquery

</pre><pre name="code" class="html"><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
<script type="text/javascript"  src="js/jquery-1.8.2.min.js"></script>
</head>
<body>
<form action="" id="test" method="post">
	用戶名
	<input id="username" name="username" type="text"/>
	<br>
	密码
	<input  id="pwd" name="pwd" type="text"/>
	<br>
	<input  id="subminButton" name="pwd" type="button" value="提交"/>
</form>
<p>姓名：<span id="name1"></span></p>
<p>密码：<span id="pwd1"></span></p>

<script type="text/javascript" >
	$("#subminButton").click(function (){
		
		var username=$("#username").val();
		var password=$("#pwd").val();
		
		var data="username="+username+"&pwd="+password;
		
		var url="test.php";
		
		$.post(url,data,function(json){
			ajaxobj=eval("("+json+")");
			$("#name1").html(ajaxobj.name); 
                        $("#pwd1").html(ajaxobj.password); 
			 
			//alert(ajaxobj.name);
	    });
	});
	
	
</script>
</body>
</html>

接着是PHP页面,命名为test.php,将接收到的数据又以Json的形式返回

<?php
 $name= $_POST['username'];
$password=$_POST['pwd'];
$list=array("name"=>$name,"password"=>$password);
echo json_encode($list); 

?>

赖猩猩

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
PHP使用jQuery的ajax的功能

首先是html页面,引入了Jquery无标题文档用戶名密码姓名：密码： $("#subminButton").click(function (){ var username=$("#username").val(); var password=$("#pwd").val(); var data="username=
复制链接

扫一扫

专栏目录