在绑定事件中嵌入 Ajax 请求 (XHR)

Question

我正试图在某个地方找到答案，但我做不到，

所以我有一个 .bind() 事件，我想要什么时候触发，以便像 AJAX 一样使用 JSON 从 php 文件中进行获取查询。

我尝试了以下不起作用：

$(document).ready(function() {  
$("#adivhere").bind("valuesChanged", function(){ 

                            // Some variables here 
var max2 = 10
var min2 = 5

                            //The classic AJAX Request
function afunc(max2,min2){
var xmlhttp;  
if (window.XMLHttpRequest)
{   // code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();  
}else  {    // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}


                           //The classic AJAX onreadystatechange function
xmlhttp.onreadystatechange=function()
{ if (xmlhttp.readyState==4 && xmlhttp.status==200){    

                         //The code triggered
var fets = jQuery.parseJSON( xmlhttp.responseText );
var t = fets.date.split(/[-]/); 
var d = new Date(t[0], t[1], t[2]);
alert(d);   

}}  

                        //The XHR request with the .php file and the
                        // two values that sends
xmlhttp.open("GET","getdates.php?max2="+max2+"&min2="+min2,true);
xmlhttp.send();
};
});

Answer 1

您的脚本中有几个“错误”：

• "afunc" 从来没有被调用过，为什么要执行呢？
• 括号没有正确闭合；最后缺少两个：)}

Answer 2

看起来你正在使用 jQuery，所以这应该可以工作：

$(function(){
    $('#adivhere').bind('valuesChanged',function(){ 
        var max2 = 10;
        var min2 = 5;

        $.getJSON('getdates.php?callback=?', {max2: max2, min2: min2}, function(json){
            alert(json);

            var t = json.date.split(/[-]/);

            if (t && t.length) {
                var d = new Date(t[0], t[1], t[2]);
                alert(d);
            }
        });
    });
});

jQuery 中已经有一个很棒的 $.getJSON 方法，它将为您完成所有繁重的工作，包括以 JSON 形式返回您的结果。

您需要让您的 getdates.php 脚本回显 callback 并将结果包装在括号中，以便它作为实际的 jQuery 返回。