javascript — передача значения из html-формы в php с помощью Ajax.
Я борюсь с простым приложением с одним html-файлом, который связывается со страницей php, используя ajax. Index.html:
<!DOCTYPE html>
<html><head>
<meta charset="utf-8">
<title>Untitled Document</title>
<link rel="stylesheet" type="text/css" href="jquery.mobile-1.4.4.min.css">
<script src="jquery-1.11.1.min.js"></script>
<script src="jquery.mobile-1.4.4.min.js"></script>
<script type="text/javascript" charset="utf-8" src="cordova.js"></script>
<script charset="utf-8" type="text/javascript">
function connect()
{
$.ajax({
url:'hostname/reply.php',
headers:{"Content-Type": "application/json"},
type:'POST',
//data: { stName: $('#name1').val() }, // Give the input an id
data: { stName: "Alan" }, // Give the input an id
//data:$(this),
dataType:'JSON',
error:function(jqXHR,text_status,strError){
alert(strError);},
timeout:60000,
success:function(data){
$("#result").html("");
for(var i in data){
$("#result").append("<li>"+data[i]+"</li>");
}
}
});
}
</script>
</head>
<body>
<center><b>My Students</b></center>
<center>
<form>
<input type="text" value="Joe" name ="stName" id="name1" />
<input onclick="connect()" type="button" value="showStudents" />
</form>
</center>
<center><b>Results</b></center>
<ul data-role="listview" id="result"></ul>
</body>
</html>
И файл reply.php:
<?php
$message[] = "Connected successfully";
$message[] = $_POST["stName"];
print json_encode($message);
?>
Когда я просматриваю index.html через Google Chrome, я получаю сообщение:
Uncaught SyntaxError: Unexpected token <
Консоль Chrome ссылается на следующую строку:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Я перепробовал все, что смог, без удачи. Любая помощь, пожалуйста?
Решение
Просто удалите эту строку:
headers:{"Content-Type": "application/json"},
Другие решения
Других решений пока нет …