Question

此代码来自tiztag教程

function ajaxFunction(){
var ajaxRequest;  // The variable that makes Ajax possible!

try{
    // Opera 8.0+, Firefox, Safari
    ajaxRequest = new XMLHttpRequest();
} catch (e){
    // Internet Explorer Browsers
    try{
        ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try{
            ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e){
            // Something went wrong
            alert("Your browser broke!");
            return false;
        }
    }
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
    if(ajaxRequest.readyState == 4){
        document.myForm.time.value = ajaxRequest.responseText;
    }
}
ajaxRequest.open("GET", "serverTime.php", true);
ajaxRequest.send(null); 
}

这是我在jQuery网站上找到的另一个：

$.ajax({
  type:"GET" // or "POST"
  url: url,
  data: data,
  success: success,
  dataType: dataType,
  error: //function
});

我一直在尝试使用这两种方法从PHP文件中获取某种响应。第一个例子有效，但我也想让第二个表格起作用......有人可以给我一些指导吗？在我的PHP中我只有：

<?php
echo("Response from PHP");
?>

Answer 1

两者之间的差异几乎没有。 jQuery只是阻止你做一些围绕跨浏览器兼容性的额外锅炉板代码。

jQuery文档应该为您提供所需的所有信息。

您需要拥有url变量和success变量。

url变量将是您尝试发送此信息的网址的字符串。

success变量将是一个'回调'函数，可以执行您正在尝试的任何操作。如果你的电话成功，它只会被呼叫。

请务必检查您的Javascript控制台，看看您的错误是什么。

Answer 2

试试这个

$.ajax({
 type:'GET' // or "POST"
 url: 'http://www.yoursite.com/yourPhpFile.php',
 data: 'some text',//Can  be multiple data using object
 success: function(data){
   alert(data);
 },
 error: function(){
   //Do something if an error is occurred
 }
});

这两种形式的Ajax调用有什么区别

2 个答案: