为什么当我使用 JavaScript 时，在此代码中不起作用

why when I use javascript won't work in this code

本文关键字：代码不起作用 JavaScript 为什么更新时间：2023-09-26

我厌倦了发现错误。我使用javascript和Jquery和php发送和接收数据，而无需刷新浏览器。所有这些都在一个文件中。当我单击按钮时，没有任何反应。这是我文件的内容：

<?
if(isset($_POST['user']) && isset($_POST['pass'])){
    header('content-type: text/javascript');
    $resut = ($_POST['user'] == 'ahmad') ? true : false;
    $pass = ($_POST['pass'] == '1234') ? true : false;
    $output = array('user' => $resut,'pass'=>$pass);
    echo json_encode($output);
    exit();
}
?>
<html>
<head>
    <title>Test</title>
    <script src='http://code.jquery.com/jquery-1.10.2.js'></script>
    <script type='text/javascript'>
        $('#send').on('click',function(){
            var user = $('#user').val();
            var pass = $('#pass').val();
            $.post("<? echo basename(__FILE__); ?>",{user : user, pass : pass}, function(data){
                if(data.user == true && data.pass == true){
                    $('#content').text('hello '+ user + ' you are already loged in');
                } else {
                    $('#content').text('wrong try it again');
                }
            });
        });
    </script>
</head>
<body>

    <input type='text' id='user'>
    <input type='password' id='pass'>
    <input type='submit' id='send' value='login'>
    <div id='content'></div>

</body>

将 JavaScript 包装

在

 $(document).ready(function() {
  // The JavaScript or jQuery code goes here
});

我想你错过了在第一行写php

那是

<?php 
// Your php code
?>

   $(document).ready(function(){
            $('#send').on('click',function(){
                var user = $('#user').val();
                var pass = $('#pass').val();
                $.post("<? echo basename(__FILE__); ?>",{user : user, pass : pass}, function(data){
                    if(data.user == true && data.pass == true){
                        $('#content').text('hello '+ user + ' you are already loged in');
                    } else {
                        $('#content').text('wrong try it again');
                    }
                });
            });
});