Javascript没有输入带有.php文件引用的函数
Javascript not entering function with .php file reference
长期寻求答案者,第一次提问者。
我正在配置一小段js,它在页脚中被引用:
<script type='text/javascript' src='http://test.site.com/wp-content/themes/spacious/js/jsfile.js?ver=1.0.5'></script>
这是输入的html:
<div>
<form id="search" action="" method="POST">
<input type="text" id="str" name="str" value="" />
<input type="submit" value="search" />
</form>
<div id="search_results"></div>
</div>
js脚本文件如下:
(function func() {
$("#search").bind('submit', function () {
var value = $('#str').val();
$.post('db_query.php', {
value: value
}, function (data) {
$("#search_results").html(data);
});
return false;
});
});
php文件如下:
<?php
try {
$db = new PDO('sqlsrv:Server=xx.xx.xx.xx;Database=xxxx','user','pass');
}
catch (Exception $e) {
echo 'PDO connection error: ' . $e->getMessage();
exit(1);
}
$sql=$db->prepare("SELECT top 20 Timestamp,Information,Location FROM Table WHERE JobReference = :val");
$sql->execute(array(':val'=>$_REQUEST['value']));
echo '<table>';
echo '<th>Date Time</th><th>Information</th><th>Location</th>';
while ($row=$sql->fetch())
{
echo "<tr><td>$row[Timestamp]</td><td>$row[Information]</td><td>$row[Location]</td></tr>";
}
echo '</table>';
?>
当我尝试使用Chrome进行调试时,它会在第一个"("处停止,然后跳到函数的末尾。起初我以为这是因为引用了.php文件,但似乎根本没有命中它?
我不知道该怎么办。。。
非常感谢,卡梅伦。
您只是在声明一个名为func
的JavaScript函数。但是,为了使代码正常工作,您还必须调用该函数。
在函数末尾添加另一个括号,如下所示:
(function func() {
$("#search").bind('submit', function () {
var value = $('#str').val();
$.post('db_query.php', {
value: value
}, function (data) {
$("#search_results").html(data);
}); return false;
});
})();
除了@Nano答案,您还可以这样修复:
(function($) { //pass $ as jQuery in this scope
$("#search").bind('submit', function () {
var value = $('#str').val();
$.post('db_query.php', {
value: value
}, function (data) {
$("#search_results").html(data);
}); return false;
});
})(jQuery); //$ is jQuery
相关文章:
- 当包含另一个asp文件时,是否也包含所有引用的样式和脚本页面
- 如何引用HTML中节点模块中的js文件
- 如何在ThreeJs中加载引用的COLLADA文件
- 可以在Javascript文件中引用定义的CSS类吗
- 引用nodejs服务器中html中的java脚本文件
- 包含的文件中引发引用错误..除非调用文件包含慢速代码
- 如何引用父文件夹中的javascript
- 当我移动引用three.js的html文件时,three.js停止工作
- 如何在javascript文件中获取引用
- 如何在此 JSON 文件中引用此数据
- 我是否必须在每个文件中引用 TypeScript 定义
- 对 jquery 库 + 外部文件的 HTML 引用
- 从调试中删除引用文件
- 使用 JavaScript 代码而不是引用文件
- 更改页面源引用文件路径
- 为intellisense创建JSON对象的javascript引用文件
- 在浏览器中使用 ES6 模块时,我是否应该在“脚本”标签中引用文件
- 解析.当深度链接时,路由器无法找到引用文件
- 在AngularJS应用中,可以在底层和节点文件夹中引用文件吗?
- 使用 href 从根文件夹引用文件夹