jquery使用ajax

最新推荐文章于 2024-07-15 15:38:12 发布

liu00614

最新推荐文章于 2024-07-15 15:38:12 发布

阅读量384

点赞数

文章标签： jquery ajax

本文链接：https://blog.csdn.net/liu00614/article/details/20006889

版权

<html>
<head>
<script type="text/javascript" src="./jquery/jquery-1.9.1.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#btn").click(function(){
$.post("request",{
name:"王军",
city:"上海"
},
function(data,stuta){
$("#h1").text(data+" "+stuta);

}

);

});

/*$("#btn").click(function() {
alert("asd");
$.post("request",{
name:"Jack",
city:"ShangHai",
},
function(data,status){
alert("data:" + data +"\nStatus:" +status);
}

);
});

*/

});
</script>
<style type="text/css">
#hello {
color: red;
width: 200px;
height: 200px;
background-color: green;
}
</style>
</head>

<body>
<div id="hello">
<h5 id="h1">h1</h5>
<h5 id="h2">h2</h5>
</div>
<input type="text" id="name">
<button id="btn">Bbb</button>
</body>

</html>