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

最新推荐文章于 2021-08-05 22:54:52 发布

haibusoi

最新推荐文章于 2021-08-05 22:54:52 发布

阅读量953

点赞数

文章标签： jquery php login

本文链接：https://blog.csdn.net/haibusoi/article/details/39337829

版权

先附上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，则弹出登录成功，否则弹出输入错误。