【发布时间】：2017-05-28 12:06:51
【问题描述】：
此代码在 localhost 中运行良好，但不知何故，当我上传到 Linux 服务器时，当我单击 Division 下拉菜单中的空白区域时，它在控制台显示 数据错误（但没有提取任何值来自它应该显示的数据库）：
未捕获的 SyntaxError：JSON 中位置 0 处的意外标记 D 在 JSON.parse() 在 XMLHttpRequest.stateck (index.php:xxx) stateck@index.php:xxx
第 xxx 行属于这段代码：var myarray = JSON.parse(httpxml.responseText);
<!DOCTYPE html>
<?php
include "../connect.php";// connection to database
?>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
function checkYearDistrict()
{
var year=document.getElementById( "year" ).value;
var district=document.getElementById( "s2" ).value;
if(year, district)
{
$.ajax({
type: 'post',
url: 'checkdata.php',
data: {
yearID:year,
districtID:district,
},
success: function (response) {
console.log(response );
if (response == 'false') {
$( '#year_status' ).html("Record Not Exist!");
$( '#district_status' ).html("<span>Record Not Exist!</span>");
} else {
json = JSON.parse(response);
$( '#year_status' ).html("OK");
$( '#district_status' ).html("<span style='color:red'>Record Already Exist.</span>");
}
}
});
}
else
{
$( '#district_status' ).html("");
return false;
}
}
function checkall()
{
var yearhtml=document.getElementById("year_status").innerHTML;
var districthtml=document.getElementById("district_status").innerHTML;
if((yearhtml && districthtml)=="OK")
{
return true;
}
else
{
return false;
}
}
</script>
</head>
<body>
<div class="container">
<form name="testform" class="form-horizontal" method="POST" onsubmit="return checkall();>
<div class="form-group">
<div class="input-group">
<span class="input-group-addon search_text_width">Year:</span>
<select id="year" name="year" class="form-control select2">
<option value="">Select Year</option>
<script>
var myDate = new Date();
var year = myDate.getFullYear();
for(var i = 1999; i < year+1; i++){
document.write('<option value="'+i+'">'+i+'</option>');
}
</script>
<script type="text/javascript">
function AjaxFunction()
{
var httpxml;
try
{
// Firefox, Opera 8.0+, Safari
httpxml=new XMLHttpRequest();
}
catch (e)
{
// Internet Explorer
try
{
httpxml=new ActiveXObject("Msxml2.XMLHTTP");
}
catch (e)
{
try
{
httpxml=new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e)
{
alert("Your browser does not support AJAX!");
return false;
}
}
}
function stateck()
{
if(httpxml.readyState==4)
{
//alert(httpxml.responseText);
var myarray = JSON.parse(httpxml.responseText);
// Remove the options from 2nd dropdown list
for(j=document.testform.dist.options.length-1;j>=0;j--)
{
document.testform.dist.remove(j);
}
for (i=0;i<myarray.data.length;i++)
{
var optn = document.createElement("OPTION");
optn.text = myarray.data[i].dis_name;
optn.value = myarray.data[i].dis_id; // You can change this to subcategory
document.testform.dist.options.add(optn);
}
}
} // end of function stateck
var url="dd.php";
var div_code=document.getElementById('s1').value;
url=url+"?div_code="+div_code;
url=url+"&sid="+Math.random();
httpxml.onreadystatechange=stateck;
//alert(url);
httpxml.open("GET",url,true);
httpxml.send(null);
}
</script>
</select>
</div>
<br>
<?php require "config.php"; ?>
<div class="input-group">
<span class="input-group-addon search_text_width">Division</span>
<select name="div" id="s1" class="demoInputBox form-control" onchange="AjaxFunction();">
<option value="">Select Division</option>
<?php
$sql="select * from division ";
foreach ($dbo->query($sql) as $row)
{
echo "<option value=$row[div_code]>$row[div_name]</option>";
}
?>
</select>
</div>
<br>
<div class="input-group">
<span class="input-group-addon search_text_width">District</span>
<select name="dist" id="s2" class="demoInputBox form-control" onchange="checkYearDistrict();">
<option value="">Select District</option>
</select>
</div>
<center><span id="district_status"></span></center>
<br>
<div class="input-group">
<div class="col-sm-offset-3 col-sm-10">
<input type="submit" class="btn" name="submit" value="Save Record">
</div>
</div>
</form>
</div>
</body>
</html>
【问题讨论】：
-
表示响应不是
JSON，因此无法解析
标签： javascript php mysql json