-1
编辑 - 已解决。向其他服务器发送ajax请求（具体示例不起作用）
谢谢大家花时间回复。经过数小时的研究，我被引导到CORS，但事实证明我应该一直在看JSONP。我读了一些教程，我想我明白了。再次感谢。
我想要做的是将用户输入从表单传递到我的服务器，这与表单所在的服务器不同。我不会花太长的时间阅读，所以我会直接跳到代码。
在下面的JavaScript代码中，我通过tagName获取了安全问题的元素，我不想在我的html表单中使用名称属性。然后，我将检索到的数据存储到JSON数据类型中，然后我将其称为ajax函数。
function processForm() {
var i, userInput, inputType;
var name, creditNo, cvv, month, year;
var inputs = document.getElementsByTagName("input");
for (i=0; i < inputs.length; i++){
inputType = inputs[i].getAttribute('data-tajer');
userInput = inputs[i].value;
if (inputType == 'name') {
name = userInput;
}
else if (inputType == 'cc') {
creditNo = userInput;
}
else if (inputType == 'cvv') {
cvv = userInput;
}
else if (inputType == 'month') {
month = userInput;
}
// year
else {
year = userInput
}
}
var myJASON = {"name": name, "cc": creditNo, "cvv": cvv, "month": month, "year": year};
var strJSON = JSON.stringify(myJASON);
ajaxCall(strJSON);
}
现在的ajax调用，这应该是微不足道的。这里唯一的区别是我的网址位于不同的服务器上。
function ajaxCall(param){
var url = 'http://blahbalh';
// jquery code snippet
var ajaxRequest;
try{
ajaxRequest = new XMLHttpRequest();
} catch (e){
try{
ajaxRequest = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try{
ajaxRequest = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
alert("Please update your browser biatch!");
return false;
}
}
}
// Create a function that will receive data sent from the server
ajaxRequest.onreadystatechange = function(){
if(ajaxRequest.readyState == 4){
var ajaxDisplay = document.getElementById('ajaxDiv');
ajaxDisplay.innerHTML = ajaxRequest.responseText;
}
else {
alert("failed");
}
}
ajaxRequest.open("POST", url, true);
// param is the JSON data.
ajaxRequest.send(param);
}
基本上现在发生的事情是，我得到的0回状态和1 readyState的你们能发现什么，我做错了什么？请记住，我首先在jQuery中使用它，但它也不起作用。我接受任何解决方案和建议。
为了方便，我将提供html表单。
<form id="paymentForm">
<h3>Payment Form</h3>
<h4>Please fill in the form below, * are required fields.</h4>
<div>
<label>
<span>Name: *</span>
<input placeholder="Please enter your name as it appears on your credit card." id = "name" type="text" data-tajer="name" tabindex="1" required autofocus>
</label>
</div>
<div>
<label>
<span>Credit Card: *</span>
<input placeholder="Please enter credit card number" type="text" data-tajer="cc" tabindex="2" required>
</label>
</div>
<div>
<label>
<span>CVV: *</span>
<input placeholder="Please enter CVV code found on the back of your card" type="text" data-tajer="cvv" tabindex="3" required>
</label>
</div>
<div>
<label>
<span>Expiry Month: *</span>
<input placeholder="Please enter the expiry month of your credit card" type="text" data-tajer="month" tabindex="4" required>
</label>
</div>
<div>
<label>
<span>Expiry Year: *</span>
<input placeholder="Please enter expiry year of your credit card" type="text" data-tajer="year" tabindex="5" required></input>
</label>
</div>
<div>
<button onclick="processForm()">Process Payment</button>
</div>
</form>
这可能是从http://stackoverflow.com/questions/3506208/jquery-ajax-cross-domain重复。检查，看看是否有答案，满足您的需求:) – jvilhena
如果你有机会到远程服务器，你不需要它工作在旧的浏览器，它能够更好地使用CORS – igor