Tag: Ajax
防止页面加载JQuery表单提交与无显示button
我有一个在MSDOSterminal风格设置的聊天机器人。 用户键入他们的回应，然后点击input。 我发现当我用“display：none”标记button的时候 它导致页面重新加载在几个浏览器（我的Windows Chrome浏览器不重新加载，不知道为什么）。 我怎样才能隐藏的button，窗体和代码正常工作？ 我宁愿不使用“立场：绝对的” 发送到屏幕上。 HTML： <div id="bot"><form> <input id="user-response" type="text" placeholder="" autocomplete="off" autofocus /> <button id="user-submit" type="submit">Send</button> </form></div> JAVASCRIPT： $('#bot').on('click', '#user-submit', function(e) { e.preventDefault(); message = $('#user-response').val(); message = message.toLowerCase(); sendUserResponse(); getBotResponse(message); }); 我已经尝试了各种types的返回：false; event.preventDefault（）;等等，但一切正常，只要我不适用display：none; 造型到button。 我也改变了input和键入=“button”/types=“提交”，但再次显示：无; 导致页面在点击“input”时重新加载。 我已经阅读了关于页面重新加载onclick查询ajax等20个不同的问题…他们似乎没有解决这个问题。 编辑： 使用下面的两个build议检查按键“Enter”提交表单，但他们继续相同的失败模式。 如果您的提交button是样式的，则表单将重新加载页面显示：无; 下面的方法工作时，button显示。 将检查可能导致提交和重新加载的返回值的代码。 目前：页面可见button – 任何方法工作正常。 页面显示：无button – 导致所有给定的方法重新加载。 还要提到的是，对于Windows […]
将HTML页面replace为通过AJAX检索的内容
我有一个典型的结构的HTML页面： <html> <head> <script src="…" ></script> <style>…</style> </head> <body> content </body> <script> var success_callback = function(data) { // REPLACE PAGE CONTENT & STRUCTURE WITH "data" } ajax(url, params, success_callback); </script> </html> 你认为这是可能的吗？ 我已经尝试给html标签一个id和$(id).replace(data); 没有成功。 不要问我为什么，但这是我需要的（我正在与一个特殊的“混搭build设者”网站…这是一个很长的故事）。 编辑 ：我忘了说， 接收到的内容中的脚本必须执行 ，甚至包括使用<script src="…">外部脚本。
jQuery的form.serialize和其他参数
是否有可能通过一个$.ajax()请求发送一个form.serialize()对象和其他参数？ 例： $.ajax({ type : 'POST', url : 'url', data : { $('#form').serialize(), par1 : 1, par2 : '2', par3: 232 } } 如果不是与其他参数一起提交表单的最佳方式。 谢谢
在WordPress中加载更多文章Ajax Button
我浏览了一下旧的问题，并尝试了许多不同的方法，似乎这样做。 最近我必须在这里工作： 如何在自定义WP_Query Ajax上实现分页 我已经尝试了一切，它只是没有工作。 页面上绝对没有任何变化。 如果你检查加载更多的button，并点击它，jquery使更多的button操作，因为它从<a id="more_posts">Load More</a>更改为<a id="more_posts" disables="disabled">Load More</a> ，即使这对我来说似乎不对。 这不是添加post，我想我错过了一些简单的事情，但对于我的生活，我无法解决这个问题。 我的模板文件中的代码是： <div id="ajax-posts" class="row"> <?php $postsPerPage = 3; $args = [ 'post_type' => 'post', 'posts_per_page' => $postsPerPage, 'cat' => 1 ]; $loop = new WP_Query($args); while ($loop->have_posts()) : $loop->the_post(); ?> <div class="small-12 large-4 columns"> <h1><?php the_title(); ?></h1> <p><?php the_content(); ?></p> </div> […]
由于错误的MIMEtypes，Chrome拒绝执行AJAX脚本
我试图通过AJAX访问脚本作为JSON，在Safari和其他浏览器上工作正常，但不幸的是不会在Chrome中执行。 它来与以下错误： 拒绝从'*'执行脚本，因为它的MIMEtypes（'application / json'）是不可执行的，并且启用了严格的MIMEtypes检查。 这是请求： $.ajax({ url: "http://some_url/test.json?callback=?", type: "GET", dataType: 'json', cache: true, success: function (data, status, error) { console.log('success', data); }, error: function (data, status, error) { console.log('error', data, status, error); } }); 有没有人有这个解决方法？
为Ajax设置超时（jQuery）
$.ajax({ url: "test.html", error: function(){ //do something }, success: function(){ //do something } }); 有时候successfunction很好，有时候不行。 如何为这个Ajax请求设置超时？ 例如，3秒钟，如果时间到了，则显示错误。 问题是，ajax请求冻结块直到完成。 如果服务器停机一段时间，它将永远不会结束。
我可以将哪些值传递给f：ajax标记的事件属性？
我试图find所有可能的值的列表，我可以传递给f：ajax标签的属性“事件”。 我知道我也可以从我的.js文件传递函数名称，但是我只需要JSF自带的函数名称。 我只知道点击鼠标hover和键盘，但我相信还有更多。 只是不知道在哪里find他们。
使用AJAX和jQuery上传HTML5文件
无可否认，在Stack Overflow上也存在类似的问题，但似乎没有任何一个符合我的要求。 这是我正在做的事情： 上传整个forms的数据，其中一个是单个文件 使用Codeigniter的file upload库 一直到这里，一切都很好。 数据在我需要的时候进入我的数据库。 但我也想通过AJAX提交表单： 使用本机HTML5文件API，而不是Flash或iframe解决scheme 最好与低级别的.ajax() jQuery方法进行交互 我想我可以想象如何通过自动上传文件来实现这一点，当字段的值更改使用纯JavaScript，但我宁愿一举全部在jQuery中提交。 我想这是不可能通过查询string来完成的，因为我需要传递整个文件对象，但是我现在有点失落了。 这可以实现吗？
我如何使用JQuery发布JSON数据？
我想将Json发布到同一台服务器上的Web服务。 但我不知道如何使用JQuery发布Json。 我已经试过这个代码： $.ajax({ type: 'POST', url: '/form/', data: {"name":"jonas"}, success: function(data) { alert('data: ' + data); }, contentType: "application/json", dataType: 'json' }); 但是使用这个JQuery代码，服务器上的Json数据不会被接收到。 这是服务器上的预期数据： {"name":"jonas"}但使用JQuery服务器接收name=jonas 。 换句话说，这是“urlencoded”数据而不是Json。 有没有办法以Json格式发布数据，而不是使用JQuery的urlencoded数据？ 或者我必须使用手动ajax请求？
Spring JSON请求获得406（不可接受）
这是我的javascript： function getWeather() { $.getJSON('getTemperature/' + $('.data option:selected').val(), null, function(data) { alert('Success'); }); } 这是我的控制器： @RequestMapping(value="/getTemperature/{id}", headers="Accept=*/*", method = RequestMethod.GET) @ResponseBody public Weather getTemparature(@PathVariable("id") Integer id){ Weather weather = weatherService.getCurrentWeather(id); return weather; } 为spring-servlet.xml <context:annotation-config /> <tx:annotation-driven /> 得到这个错误： GET http://localhost:8080/web/getTemperature/2 406 (Not Acceptable) 头： 响应头 Server Apache-Coyote/1.1 Content-Type text/html;charset=utf-8 Content-Length 1070 Date Sun, 18 […]
