php mysql和javascript在加载时发生冲突
当我加载使用javascript的MapAPI时,我无法使用php代码从我的phpMyAdmin数据库中检索 它只加载映射javascript。我的数据库中存储了一些数据。感谢您的帮助。谢谢 最终结果必须是(我的数据库数据和映射api)能够同时加载到屏幕上php mysql和javascript在加载时发生冲突,php,javascript,mysql,map,conflict,Php,Javascript,Mysql,Map,Conflict,当我加载使用javascript的MapAPI时,我无法使用php代码从我的phpMyAdmin数据库中检索 它只加载映射javascript。我的数据库中存储了一些数据。感谢您的帮助。谢谢 最终结果必须是(我的数据库数据和映射api)能够同时加载到屏幕上 <!DOCTYPE html> <html> <body> <table border="1"> <tr> <th>Routes Available</
<!DOCTYPE html>
<html>
<body>
<table border="1">
<tr>
<th>Routes Available</th>
<th>Map Direction</th>
<th>Preferred Routes</th>
</tr>
<tr>
<td><div id="sidebar">
<form name="form1" method="get" action="" onSubmit = "getDirections( this.from.value, this.to.value, this.mode.value ); return false;">
<p>
<label style="width:50px;display:inline-block;">From:</label>
<input type="text" size="34" name="from" value=""/>
</p>
<p>
<label style="width:50px;display:inline-block;">To:</label>
<input type="text" size="34" name="to" value=""/>
</p>
<p>
<label style="width:50px;display:inline-block;">Via:</label>
<select disabled name="mode" disabled>
<option value="c">Car</option>
</select>
<input type="submit" name="submit" value="Get Directions" style="margin-left:25px"/>
</p>
</form>
<?php
//PHP CODE STARTS HERE
if(isset($_GET['submit'])){
$db_name="carpool";
$con = mysql_connect("localhost","root","");
if (!$con)
{
die('Could not connect: ' . mysql_error());
}
mysql_select_db($db_name, $con);
$from=mysql_real_escape_string($_GET['from']);
$to=mysql_real_escape_string($_GET['to']);
$query_for_result=mysql_query("
SELECT *
FROM routedetails
WHERE `from` LIKE '%".$from."%'
AND `to` LIKE '%".$to."%'
");
echo "<table border=1 width=510>";
echo "<tr>";
echo "<td>";
echo "<h2>From: Search Results</h2><ol>";
$data_fetch=mysql_fetch_assoc($query_for_result);
while($data_fetch=mysql_fetch_assoc($query_for_result))
{
echo "<li>";
foreach($data_fetch as $row => $value){
echo "$row - $value<br />";
}
echo "</li><hr/>";
}
echo "</tr>";
echo "</td>";
echo "</table>";
echo "</ol>";
mysql_close();
}
?>
<div></td>
<td><div id="map" style="width:600px;height:600px;margin-right:20px;float:left;"></div></td>
<td><div id="panel"></div>
<script type="text/javascript" src="http://gothere.sg/jsapi?sensor=false"></script>
<script type="text/javascript">
gothere.load("maps");
//var directions;
function initialize() {
if (GBrowserIsCompatible()) {
// Create the Gothere map object.
var map = new GMap2(document.getElementById("map"));
// Set the center of the map.
map.setCenter(new GLatLng(1.362083, 103.819836), 11);
// Add zoom controls on the top left of the map.
map.addControl(new GSmallMapControl());
// Add a scale bar at the bottom left of the map.
map.addControl(new GScaleControl());
// directions.load("from: Changi Airport to: Orchard Road");
}
directions = new GDirections(map, document.getElementById("panel"));
}
function getDirections(from, to, mode) {
var travelMode;
directions.load("from: " + from + " to: " + to, {travelMode: travelMode});
}
gothere.setOnLoadCallback(initialize);
</script></td>
</tr>
</table>
</body>
</html>
可用路线
地图方向
首选路线
发件人:
致:
通过:
汽车
您的html代码无效,您正在单元格内打开有序列表,
…
,但在表外关闭它,并且您正在行后关闭单元格。您的输出代码当前如下所示-
<table border=1 width=510>
<tr>
<td>
<h2>From: Search Results</h2>
<ol>
<li>$row - $value<br /></li>
<hr/>
</tr>
</td>
</table>
</ol>
发件人:搜索结果
$row-$value
另外,尝试删除
$data\u fetch=mysql\u fetch\u assoc($query\u for\u result)代码>因为它是下一行的副本而($data\u fetch=mysql\u fetch\u assoc($query\u for\u result))
在那里。谢谢你的回复。我已经删除了$data\u fetch=mysql\u fetch\u assoc($query\u for\u result);但它仍然不能按我想要的方式工作(它只加载MapAPI)。但它不会从我的数据库中查询出结果。我怀疑这是它加载onSubmit的部分,而不是方法=“get”,因为您使用的是return false
在onSubmit
中,页面不会重新加载,因此不会执行php代码。您需要提交页面并更改调用getDirections()
,或者使用ajax执行php代码并插入页面。感谢您的建议Sean。但这就是建议的api。在更改了其中的某些内容后,它无法加载。。。你知道怎么改吗?