javascript - jQuery ajax 无法访问远程服务器失败

Question

如果我错过了基本部分，请告诉我。但在这里谷歌搜索后我仍然不明白为什么Ajax代码不能正常工作。

我的java脚本代码

 $(document).ready(function(){ 
       $("#tform").submit(function() {
       var varUserName=$("#UserName").val();
       var varUserEmail=$("#UserEmail").val();
       var varUserPassword=$("#UserPassword").val();
       alert("email: " + varUserEmail + " name: " + varUserName + " pass: " + varUserPassword);
       $.ajax({
        type       : "POST",
        url:"http://mydomain/tesfolder/Insert.php",
        crossDomain: true,
        data       : {UserName : varUserName, UserPassword : varUserPassword,UserEmail:varUserEmail},
        dataType   : 'json',
        success    : function(response) {
            //console.error(JSON.stringify(response));
            alert('Works!');
        },
       error: function(xhr, status, error) {
        //alert("Didnt work");
           //console.error(JSON.stringify(response));
       }
    
    }); 
    
  });
      });

 <form id="tform">
                <input class="app-input" type="text" name="UserName" placeholder=" Votre Pseudo" id="UserName">
                <input class="app-input" type="email" name="UserEmail" placeholder="Votre Email" id="UserEmail">
                <input class="app-input" type="password" name="UserPassword" placeholder=" Votre Mot de passe" id="UserPassword">
             <input name="MSubmit" type="submit" value="Submit" id="Msubmit">            
            </form>

当我在本地主机上运行时，PHP 代码可以正常工作。

我还在 php 代码的开头添加了以下行

<?php 
header("Access-Control-Allow-Origin: *");
...
?>

java 脚本中的警报显示表单发送了数据。

我将感谢您的帮助。

Adjeiinfo

Answer 1

您的网址不正确: 将其更改为

url:"http://mydomain/tesfolder/Insert.php",