我应该用什么来从PHP中的字段userid和密码中获取值?我得到一个带有给定代码的空字符串

问题描述 投票:0回答:1

我必须提交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;
?>

应该用什么?

php jquery post
1个回答
0
投票

@ 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
                  }
               });
            });

希望它有效!!

© www.soinside.com 2019 - 2024. All rights reserved.