У меня есть форма, которая собирает некоторые данные, которые затем сохраняются в локальные переменные, которые все работали нормально.Затем я решил, что также хочу отправить эти данные на страницу php на сервере.
Однако, когда я добавил код AJAX, все останавливается и ничего не происходит, это создается для приложения, использующего cordova, и я могу 'Кажется, это отладка.
window.onload = function()
{
document.addEventListener("deviceready", init, false);
}
function init()
{
document.getElementById("btnSave").addEventListener("click",saveData, false);
document.getElementById("btnGet").addEventListener("click", getData, false);
}
function saveData()
{
var user = document.getElementById("user").value;
var name = document.getElementById("name").value;
window.localStorage.setItem("user", user);
window.localStorage.setItem("name", name);
var deviceID = device.uuid;
window.localStorage.setItem("uuid", deviceID);
$.ajax({
type: "POST",
url: "http://www.mydomain.co.uk/folder/add.php",
data: {
user : user,
name : name,
},
success: function(response){
alert("Thank you your information has been saved");
}
});
}
И форма
<label>Username:</label>
<input name="user" type="text" placeholder="" id="user" class="stored form-control">
<label>Name:</label>
<input name="name" type="text" placeholder="" id="name" class="stored form-control">
<button id="btnSave">Save Data</button><br />