我对JavaScript非常基础,并且正在尝试学习如何使用JavaScript / jQuery和php将一些数据保存到服务器中。 这是我的代码,我正试图开始通过JSON发送一些东西:
<html>
<head>
<title>Esercizio 1</title>
<link rel="stylesheet" href="src/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<style>
.body-cnt {
width: 80%;
display: table;
margin: 20px auto;
}
</style>
</head>
<body>
<div class="body-cnt">
<div class="cnt-fields">
<div class="form-group">
<label for="name">Name:</label>
<input type="text" name="name" id="name" class="form-control" />
</div>
<div class="form-group">
<label for="surname">Surname:</label>
<input type="text" name="surname" id="surname" class="form-control" />
</div>
<div class="form-group">
<label for="email">Email:</label>
<input type="text" name="email" id="email" class="form-control" />
</div>
<div class="form-group">
<button type="button" id="add-record" class="btn btn-success">Save</button>
</div>
<p></p>
<div class="cnt-fields-btns">
<button type="button" id="new-record" class="btn btn-primary">Add new row</button>
<button type="button" id="reload-table" class="btn btn-secondary">Load Info</button>
</div>
</div>
<p></p>
<table class="table">
<thead class="thead-light">
<th>ID</th>
<th>NAME</th>
<th>SURNAME</th>
<th>EMAIL</th>
</thead>
</table>
</div>
<script type="text/javascript">
jQuery(document).ready(function() {
var nameValue, surnameValue, emailValue, addBtn;
addBtn = jQuery('#add-record');
addBtn.click(function() {
nameValue = jQuery('#name').value;
surnameValue = jQuery('#surname').value;
emailValue = jQuery('#email').value;
});
// Ajax Request
jQuery.ajax({
method: 'POST',
url: 'http://mywebsite/test/controller.php',
data: {
test: 'Test'
},
success: function(data) {
var parseData = JSON.parse(data);
console.log(parseData);
}
})
});
</script>
</body>
</html>
不幸的是,我遇到了这个错误:
未捕获到的SyntaxError:JSON中位置0处出现意外的令牌T
我到处都在搜索,但我真的不知道它可能是什么。有人可以给我一些提示吗? :)
非常感谢您!