我必须提交main.html(主文件)和login.html(仅在没有html文档的情况下表示body和html标签)并使用jquery的.load()方法将表单从login.html加载到main。 html并提交到login.php。当我尝试在php中获取输入字段的值时,它只是给出一个空字符串或什么都不说。我不想只使用这种方法。所以它是错误的还是不可能的,或者是否有任何其他能够获取这些字段的php方法。
main.html中
<html>
<head>
<title>My Media</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<!--script src="https://code.jquery.com/jquery-1.11.1.min.js"> </script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
<script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0 /additional-methods.min.js"></script-->
<script src="jquery.js"></script>
<script src="javascript.js"></script>
<link rel="stylesheet" href="css.css">
</head>
<body>
<div id="nav-placeholder" name="nav-placeholder"></div>
<div id="body" name="body">
</div>
</body>
</html>
的login.html
<div id="loginPage">
<br><h1>My Media</h1><br><br><br>
<form id="form1" name="form1" method="post" onsubmit="return validate()" action="login.php">
UserId:<br><input id="userid" name="userid" type="text" required><br>
Password:<br><input id="password" name="password" type="password" required><br>
<input id="Login" name="Login" type="submit" value="login">
</form>
</div>
的jquery.js
$(function(){
var page="home";
$("#nav-placeholder").load("menu.html");
$("#body").load("home.html")
$("body").on("click","#home",function(){
if(page!="home"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").load("home.html");
page="home";}
});
$("body").on("click","#help",function(){
if(page!="help"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").load("help.html");
page="help";}
});
$("body").on("click","#login",function(){
if(page!="login"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").load("login.html");
page="login";}
});
$("body").on("click","#register",function(){
if(page!="register"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").load("register.html");
login="register";}
});
$("body").on("click","#about",function(){
if(page!="home"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").load("about.html");
page="about";}
});
$("body").on("click","#bottom",function(){
if(page!="home"){
$("#body").empty();//after("<h3><u>Some appended text.</u></h3>");
$("#body").focus("#contacts");
page="about";}
});
});
的login.php
<?php
$usrname = $_POST["userid"];
$pass = $_POST["password"];
echo $usrname."--".$pass;
?>
应该用什么?
@ Ashutosh Kambale
当用户单击登录时,您应使用ajax调用以json格式发送表单值。
var userid = $('#userid').val();
var password = $('#password').val();
var data = {
"user_id":userid,
"homeTown": password
}
$("#login").click(function(event){
$.ajax( {
url:'login.php',
type:'post',
success:function(data) {
// Allow Login
}
});
});
希望它有效!!