使用mysql数据库的jquery加载工作正常，但最近我收到了一个错误

Question

我有一些代码是这样工作的。

加载Index.php文件，并从mysql数据库中提取信息以构建下拉跳转菜单。

当使用该菜单时，将调用jquery并尝试将数据库中的特定联系人加载到覆盖窗口中。

它工作得很好，而且我最近没有做任何改变。我查看了chrome中的错误，它们超出了我的知识范围。

下面是错误XMLHttpRequest cannot load http://www.google.com/jsapi。Access-Control-Allow-Origin不允许原始域名。jquery.min.js:6未捕获错误: NETWORK_ERR: XMLHttpRequest异常101

这是我的jquery (我没有显示php，因为它似乎工作得很好)

$j('#finddist').change(function(e){ e.preventDefault();


var intRegex = /^\d+$/;

var isNumeric = this.value;
if(intRegex.test(isNumeric)) {
    var loadUrl = 'http://www.accumetrics.com/en?option=com_contactenhanced&view=contact&id='+this.value+'&tmpl=component&task=preview';
    var width = 340;
} else {
    var loadUrl = 'http://accumetrics.info/accumetrics.com.v3/us-distributors?tmpl=component&task=preview';
    var width = 940;
}

$j("#someDiv").dialog({
    autoOpen: false,
    modal:true,
    width: width,
    overlay : {
        background: '#000',
        opacity: '0.9'  
    },
    show: {
        effect: 'fade',
        duration: 700
    }
}); 

$j("#loading").html(ajax_load);

$j("#someDiv").load(loadUrl, null, function(responseText){  
    // alert("Response:\n" + responseText);  
    $j("#someDiv").dialog('open');
    $j("#loading").fadeOut(200);
});  

$j("#someDiv").dialog( "option", "position",[top,center]);

}); 

Answer 1

Chrome向jQuery发出了这个错误的呼叫。尝试在不同的浏览器中，看看你是否仍然得到一个错误，这可能是一个错误的调用，现在存储在缓存中。

既然我在这里，也可以帮助您开发jQuery AJAX应用程序。

将您的数据分解为适当的字符串：

var loadUrl,loadData,width;

if(intRegex.test(isNumeric)) {
    loadUrl = 'http://www.accumetrics.com/en';
    loadData = {option:'com_contactenhanced', view:'contact', id:this.value, tmpl:'component', task='preview'};
    width = 340;
} else {
    loadUrl = 'http://accumetrics.info/accumetrics.com.v3/us-distributors';
    loadData = {tmpl:'component', task:'preview'};
    width = 940;
}

然后在加载中适当地应用它。

$j("#someDiv").load(loadUrl, loadData, function(responseText){

在使用任何URL函数时，请始终将jQuery中的数据分隔到适当的对象中。它不仅使维护它变得容易得多，而且还允许jQuery形成适当的查询字符串，而不是强迫您使用它。