如何在Ajax中实现相同的行为

您在代码中犯了一些错误，我在下面列出了这些内容。

1. 不要使用$('#username').attr('value')。代替使用$('#username').val()。因为$('#username').attr('value')在创建html时返回元素的值。但是$('#username').val()会返回当前值。相同的变化$('#password').attr('value')来$('#password').val()。有关更多信息，请查看此帖子。
2. javascript中的串联运算符+不是.。你还添加了一个像这样的变量$jsonString。
3. 在您的服务器php代码中，如果您使用$_POST['loginemployee']来检索post值意味着不要使用contentType: "application/json; charset=utf-8",。因为它将使用包括key在内的整个内容作为无效的json之类的loginemployee={"userName":"cloud","password":"cloudnine"}。如果您需要这样，则意味着您需要使用file_get_contents('php://input')来检索帖子内容。但是最好不要contentType在ajax中使用。这样您就可以使用轻松获取帖子内容$_POST['loginemployee']。
4. 并且如果答复是在ajax中json使用的手段dataType，则不要使用。有关更多信息contentType，dataType请查看此帖子。

因此，我更新了代码。如果有任何问题，请检查并回复。希望它能如您所愿。

$(document).ready(function(){
    $('form#loginForm').submit(function() { // loginForm is submitted
        var username = $('#username').val(); // get username
        var password = $('#password').val(); // get password
        alert(username);
        var UserData= {"userName":username , "password":password};
        var jsonString=JSON.stringify(UserData);
        var datanew  = "loginemployee="+ jsonString;
        if(jsonString)
        {
            alert("encoded"+jsonString);
        }
        if (username && password) { // values are not empty
            console.log(datanew);
            $.ajax({
                type: "POST",
                url: "http://url_to_post", // URL 
                // contentType: "application/json; charset=utf-8",
                // If reply is json means uncomment the below line.
                // dataType: "json",
                // send username and password as parameters 
                crossDomain : true,
                data: datanew,    // script call was *not* successful
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                    $('div#loginResult').text("responseText: " +    XMLHttpRequest.responseText + ", textStatus: " + textStatus + ", `enter code here`errorThrown: " + errorThrown);
                    $('div#loginResult').addClass("error");
                }, // error 
                // script call was successful 
                // data contains the JSON values returned by the Perl script 
                success: function (data) {
                    alert("success");
                    if (data.error) { // script returned error
                        $('div#loginResult').text("data.error: " + data.error);
                        $('div#loginResult').addClass("error");
                    } // if
                    else { // login was successful
                        console.log(data);
                        $('form#loginForm').hide();
                        $("#loginResult").append('all good');
                    } //else
                } // success
            }); // ajax/ if
        } // if
        else {
            $('div#loginResult').text("enter username and password");
            $('div#loginResult').addClass("error");
        } // else
        $('div#loginResult').fadeIn();
        return false;
    });
});