我有一个向PHP文件提交数据的表单它将post数据插入到CSV文件中，我将这个表单升级为ajax，这样用户提交时就不需要刷新页面了，
但是我遇到了一个问题，我得到错误
意外标记<解析错误>
和我不完全确定这意味着什么我已经测试了我的开发服务器上的这个形式，它工作的魅力，我复制了它，并做了一些微小的调整的形式ID其字段验证等，但现在我得到的错误，我不知道为什么，任何想法?
<form id="form2" name="form2">
<div id="response"></div>
<table>
<tr><td><input type="text" name="fname" id="fname" placeholder="First Name"/></td><td><input type="text" name="lname" id="lname" class="required" placeholder="Surname"/></td></tr>
<tr><td><input type="text" name="email" id="email" placeholder="Email"/></td><td><input type="text" name="postcode" id="postcode" placeholder="Postcode"/></td></tr>
<tr><td colspan="2">
<p>Safe Combination</p>
<select name="number1">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select name="number2">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select name="number3">
<option value="0">0</option>
<option value="1">1</option>
<option value="2">2</option>
...
</select>
<select name="number4">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select name="number5">
<option value="0">0</option>
<option value="1">1</option>
...
</select>
<select name="number6">
<option value="0">0</option>
<option value="1">1</option>
...
</select></td></tr>
<tr><td colspan="2"><input class="btn btn-danger" type="submit" value="SUBMIT" id="submit" name="submit"/></td></tr>
</table>
</form>
JS
<script src="https://code.jquery.com/jquery-3.1.0.min.js" integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s=" crossorigin="anonymous"></script>
<script type="text/javascript">
$(document).ready( function(){
$('form#form2').submit(function (e) {
e.preventDefault();
// Get the Login Name value and trim it
var fname = $.trim($('#fname').val());
var lname = $.trim($('#lname').val());
var email = $.trim($('#email').val());
var postcode = $.trim($('#postcode').val());
// Check if empty of not
var valid = '';
if (fname === '') {
//alert('First Name is empty.');
valid+ 'First Name is empty.';
//return false;
}
if (lname === '') {
//alert('Last Name is empty.');
valid+ 'Last Name is empty.';
//return false;
}
if (email === '') {
//alert('Email is empty.');
valid+ 'Email is empty.';
//return false;
}
if (postcode === '') {
//alert('Postcode is empty.');
valid+ 'Postcode is empty.';
//return false;
}
if(valid != '') {
$('#form2 #response').addClass('alert alert-danger').html("Errors - " + valid)
} else {
$('#form2 #response').removeClass('alert alert-danger').addClass('alert alert-warning').html("<i class='fa fa-spinner fa-spin'></i> Processing the form");
var formData = $('#form2').serialize();
submitForm(formData);
}
});
});
function submitForm(formData) {
$.ajax({
type: 'POST',
url: 'comp/checker.php',
data: formData,
dataType: 'json',
cache: false,
timeout: 7000,
success: function(data) {
$('#form2 #response').removeClass('alert alert-warning').addClass((data.error === true) ? 'alert alert-danger' : 'alert alert-success').html(data.msg);
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#form2 #response').html('Something else went wrong :/ ' + errorThrown + textStatus);
},
complete: function(XMLHttpRequest, status) {
$('#form2')[0].reset();
}
});
}
</script>
<?php
//header('Content-type: application/json');
sleep(5);
//if (!empty($_POST)) {
$date = date("d/m/Y");
$fname = trim($_POST['fname']);
$lname = trim($_POST['lname']);
$email = trim($_POST['email']);
$postcode = trim($_POST['postcode']);
$number1 = $_POST['number1'];
$number2 = $_POST['number2'];
$number3 = $_POST['number3'];
$number4 = $_POST['number4'];
$number5 = $_POST['number5'];
$number6 = $_POST['number6'];
$totalnumber = $number1 . '' . $number2 . '' . $number3 . '' . $number4 . '' . $number5 . '' . $number6;
$list = array("$date, $fname, $lname, $email, $postcode, $totalnumber");
$file = fopen("contacts_2.csv","a");
foreach ($list as $line) {fputcsv($file,explode(',',$line));}
fclose($file);
//HEADER TO INDEX.PHP
$return['error'] = false;
$return['msg'] = "<p>Thanks for your feedback</p>";
echo json_encode($return);
exit();
//} else {
// $return['error'] = true;
// $return['msg'] = "<p>Something went wrong, please retry in a few minutes</p>";
// echo json_encode($return);
// exit();
//}
?>
您从服务器接收的响应不是有效的json。您可能会得到xml格式的响应。这可能是由于php页面生成的错误。检查响应是否由php页面生成。还要检查php页面是否有足够的权限在生产服务器上执行。
检查浏览器控制台，查看php文件生成的响应。
我一直得到这个错误:
"意外标记<</p>
解决方案:
- 我从javascript(通过ajax与
dataType: "json",)发送一个数字到php。 - 我没有意识到的是，在到达php之前，数字将被转换为字符串。
-
所以，为了使用发送值做查询等在php方面，我需要通过使用
intval将其转换回一个数字:$gender = intval($_POST["gender"]);
如果Wordpress尝试这个功能:wp_send_json()它为我工作。