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

PHP中用jQuery 的操作POST方法提交数据（用login测试）

2014-09-17 09:23 651 查看

先附上html及相关JS代码：

<html>
<head>
<title>login</title>
</head>

<script src="jquery-1.11.1.min.js">

</script>
<script>
$(
function()
{
$("#submit").click(function(){
var userName = $("#username").val();
var passWord = $("#password").val();
if (userName == "" || passWord == "")
{
alert("信息不完整");
return;
}
//alert("11");
//$.post("login.php", "param=" + userName + "," + passWord, function(data){
$.post("login.php", "param=" + userName +","+ passWord, function(data){
alert(data);
//$("#info").text(data);
});
});
}
);
</script>

<body>

<fieldset>
<legend>用户登录</legend>

<p>
<label for="username" class="label">用户名:</label>
<input id="username" name="username" type="text" class="input" />
<p/>
<p>
<label for="password" class="label">密码:</label>
<input id="password" name="password" type="password" class="input" />
<p/>
<p>
<input type="button" id="submit" name="submit" value=" 确定 " class="left"/>
<span id="info"></span>
</p>

</fieldset>
</body>
</html>

然后在login.php页面中进行操作，如下：

<?php

$param = explode(",",$_POST['param']);
//var_dump($_POST);
//echo $param[0].'第二个', $param[1];
if (login_tbu($param[0], $param[1]))
{
echo '登陆成功';
}
else
{
echo '用户名或密码错误';
}
function login_tbu($username, $password)
{
if($username == "admin" && $password == "admin")
{
return true;
}
else
{
return false;
}
}

其中，login_tbu()这个方法可以用多种方法写，这里为了方便测试，写在的PHP脚本当中

运行login.html，如果输入用户名和密码为admin，则弹出登录成功，否则弹出输入错误。

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签： jquery php login

相关文章推荐

新的分享

章节导航