对于我的项目,我需要执行以下操作:
现在,我已经研究了第3步的问题(这是我不知道该怎么做的事情)。有不同的方法,我选择了这两个:
在我的情况下哪种选择最好?还有更好/正确的方法吗?
答案 0 :(得分:1)
我不会说有必要采用“正确”的方式,但是你可以遵循一些好的想法。其中一个想法是使用HTTP REST verbs:使用POST
进行“创建”操作,使用GET
进行“读取”操作。鉴于此,您应该向服务器发出AJAX POST
请求,并通过POST
参数传递坐标。
// will use this to turn an object into a url encoded string
var serializeObject = function(obj) {
var output = '';
for(var attr in obj) {
if(obj.hasOwnProperty(attr)) {
output += attr + '=' + obj + '&';
}
}
return output.slice(0, -1);
};
var url = 'http://www.example.com/save.php';
// you need to serialize your data into key value pairs like the following
var exampleCoords = {
x: 10,
y: 20,
z: 30
};
// postData will be x=10&y=20&z=30
var postData = serializeObject(exampleCoords);
var request = new XMLHttpRequest();
request.open('POST', url, true);
request.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
request.setRequestHeader("Content-length", postData.length);
request.setRequestHeader("Connection", "close");
// this function gets called when the request changes
request.onreadystatechange = function() {
// request was successful
if(request.readyState == 4 && request.status == 200) {
alert(request.responseText);
}
}
request.send(postData);
使用jQuery可以简化你的代码(虽然它几乎完全在幕后做同样的事情):
var url = 'http://example.com/save.php';
var coords = {
x: 10,
y: 20,
z: 30
};
$.post(url, coords).then(function(response) {
console.log(response);
});
您可以使用$_POST['x']
在PHP中访问这些变量,确保在使用MySQL之前清理此数据(htmlentities
等)。
对于记录,AJAX和XMLHttpRequest
是同一个不同的名称,AJAX只是指异步Javascript和XML(如XMLHttpRequest
中所述),XMLHttpRequest
是内置的在用于执行AJAX请求的对象中