jquery post 提交 时 正常返回但是报:
[08:51:28.731] uncaught exception: [Exception... "prompt aborted by user" nsresult: "0x80040111 (NS_ERROR_NOT_AVAILABLE)" location: "JS frame :: resource:///components/nsPrompter.js :: openTabPrompt :: line 462" data: no]
这个错误,用firebug 查看的时候显示如上错误信息,
该问题 主要为 用post提交表单的时候 和 用type=submit 提交表单的时候 假如你想在 回调函数内部做一些事情的时候 尤其是你想往页面上输出一些 html div的时候,情况是不一样的
type=sumbit
是一次正常的提交,从发起请求到 response 回到页面上 也就是回到表单处 为一次完整的请求,就是说 请求必须response回到发起提交form的页面上,才算一次完整的请求
type=post
jquery post 请求的时候 请求的 完整 路径及应答也和上面一样,但是此刻我们想在回调函数内部做一些事情,所以也就不能让response的终点为页面上了(发起form的页面)而是应该在 jquery ajax 请求完成了之后 将其拦截住
代码:
$(document).ready(function (){
$('#btn').click(function(){
var q = document.getElementById("k").value;
//var params = {"query":document.getElementById("k").value};
var url = 'http://localhost:8080/solrClient/g.action';
$.post(url,{query:q},function(data){
var data = eval(data);
for (var i = 0; i < data.length; i++) {
$('#qqq').append("dddddd");
}
},"json")
})
})
修改为:
$(document).ready(function (){
$('#btn').click(function(){
var q = document.getElementById("k").value;
//var params = {"query":document.getElementById("k").value};
var url = 'http://localhost:8080/solrClient/g.action';
$.post(url,{query:q},function(data){
var data = eval(data);
for (var i = 0; i < data.length; i++) {
$('#qqq').append("dddddd");
}
},"json")
return false;
})
})
当 button 的 click事件即将结束的时候 将其拦截住
粗糙的理解,希望共同探讨这个问题
分享到:
相关推荐
type: "POST", // 提交方式,可以是GET或POST dataType: "json", // 数据类型,如json、html等 success: function(response) { // 提交成功后的回调函数,response为服务器返回的数据 console.log(response); ...
当我们谈论“PHP+jQuery+AJAX POST, GET提交表单并接收返回”时,通常涉及到以下几个步骤: 1. **创建HTML表单**:在前端,我们需要一个HTML表单来收集用户输入。表单通常包含`<form>`标签,里面可以有输入字段如`...
JQUERY表单提交 JQuery框架应用中的Form插件是一个功能强大的官方插件,支持Ajax和Ajax文件上传,基本满足日常应用。该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize...
jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...
总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...
### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...
### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...
jQuery的`$.ajax()`函数和`$.post()`、`$.get()`等简化方法允许我们以非刷新的方式提交表单,这对于提升用户体验非常有益。 1. 使用`$.ajax()` ```javascript $('form').submit(function(event) { event....
本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...
5. **Ajax交互**:Jquery的`$.ajax`或`$.post`方法用于发送HTTP请求,将用户输入的验证码与服务器端存储的原始验证码进行对比。如果匹配,验证成功;否则,提示用户重新输入。 6. **错误处理和重试机制**:当验证...
本文将深入探讨jQuery异步提交的概念、用途及其在实际项目中的应用,特别是结合Servlet进行数据交互。 首先,异步提交是Web开发中的重要技术,它允许页面在不刷新的情况下与服务器进行数据交换,提高了用户体验。...
本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...
jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...
需要设置`submit`事件来阻止默认的表单提交行为,并使用jQuery的`$.ajax()`或`$.post()`方法手动发送数据。 ```javascript $("#dialog-form").submit(function(event) { event.preventDefault(); // 阻止默认...
在jQuery中,Ajax提交表单是常见的数据交互方式,它允许我们在不刷新页面的情况下与服务器交换数据并更新部分网页内容。主要使用到的两种方法是GET和POST,这两种方法各有特点,适用于不同的场景。 首先,GET方法是...
本资源重点展示了如何利用jQuery来实现弹窗表单的填写和提交功能,这对于用户交互和数据收集至关重要。下面将详细阐述这个过程中的关键知识点。 首先,jQuery弹窗通常通过两种方式实现:一种是使用插件,如jQuery ...
标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...
在本主题中,我们重点关注的是jQuery的`ajaxSubmit`功能,它是通过`jquery.form.js`插件实现的,这个插件扩展了jQuery的核心功能,允许开发者更加便捷地处理表单提交。`jquery-1.4.2.min.js`是jQuery库的一个较早...
**jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...
"jQuery完整注册表单提交验证"是一个针对此需求的解决方案,它提供了全面的验证功能,确保用户输入的数据符合预期,同时减少了服务器端的压力。本文将深入探讨jQuery如何实现这一功能,以及如何将其应用于实际项目中...