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

JQuery $post函数

2016-03-05 23:07 274 查看
这个函数我们可以向数据库中传递一个参数,其实也是实现了两个网页直接的数据的交换

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<script src="http://libs.baidu.com/jquery/1.10.2/jquery.min.js"></script>

<title></title>

<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){

$.post("test.php",

{

name:"wangdenggao",

city:"xuzhou"

},

function(data,status){

alert("data: "+data+"\nStatus:"+status);

});

});

});

</script>

</head>

<body>

<button>发送一个HTTP POST请求到页面并且获取返回内容</button>

</body>

</html>

$.post()方法是通过HTTP POST 请求从服务器上请求数据

语法是:$.post(URL,data,callback)

这个地方的url规定希望的url

data是参数我们的请求的数据,和发送的数据

callback是请求功之后执行的函数

这个时候的对应的php文件是这样的:

<?php

$name = isset($_POST['name']) ? htmlspecialchars($_POST['name']) : '';

$city = isset($_POST['city']) ? htmlspecialchars($_POST['city']) : '';

echo 'Dear ' . $name;

echo 'Hope you live well in ' . $city;

?>
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: