`

jquery post 提交

阅读更多

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事件即将结束的时候 将其拦截住

粗糙的理解,希望共同探讨这个问题

2
0
分享到:
评论
3 楼 xiangfei209 2011-09-08  
讲的犀利糊涂, 表达清楚些行吗
2 楼 zhao_chong 2011-09-08  
补充下:

var params = new Object();
params["query"] = q;
$.post(url,params,function(data){
我比较喜欢这样写..
1 楼 zhao_chong 2011-09-08  
1 btn是普通的一个按钮还是submit按钮?
2 var q = document.getElementById("k").value; ->  $("#k").val();
3  var url = 'http://localhost:8080/solrClient/g.action'; -> var url = 'g.action';
4 当 button 的 click事件即将结束的时候 将其拦截住
没太明白这句话,post请求是异步的,和方法执行不执行完成没关系。return 个false是什么意思  你的例子不太清楚。。

相关推荐

    jquery异步提交form表单

    type: "POST", // 提交方式,可以是GET或POST dataType: "json", // 数据类型,如json、html等 success: function(response) { // 提交成功后的回调函数,response为服务器返回的数据 console.log(response); ...

    PHP+Jquery+AJAX POST,GET提交表单并接收返回

    当我们谈论“PHP+jQuery+AJAX POST, GET提交表单并接收返回”时,通常涉及到以下几个步骤: 1. **创建HTML表单**:在前端,我们需要一个HTML表单来收集用户输入。表单通常包含`&lt;form&gt;`标签,里面可以有输入字段如`...

    JQUERY表单提交

    JQUERY表单提交 JQuery框架应用中的Form插件是一个功能强大的官方插件,支持Ajax和Ajax文件上传,基本满足日常应用。该插件提供了多种方法来管理表单数据和进行表单提交,包括ajaxForm、ajaxSubmit、formSerialize...

    使用jQuery.form插件,实现完美的表单异步提交

    jQuery.form插件正是为了满足这种需求而设计的,它扩展了jQuery库,使表单异步提交变得更加简单、灵活且强大。本文将详细介绍如何使用jQuery.form插件,实现完美的表单异步提交。 首先,我们需要了解jQuery.form...

    JQuery Ajax提交整个表单

    总结,使用jQuery的Ajax功能提交整个表单涉及的关键点包括:`serialize()`方法、`$.ajax()`或其简化版`$.post()`/`$.get()`、阻止表单默认提交、处理服务器响应以及跨域问题。理解这些概念和用法,能够帮助开发者在...

    jquery $.post()的用法 传递json文本 客户端和服务器端相互传递

    ### jQuery $.post() 方法详解与 JSON 数据交互 在现代 Web 开发中,客户端与服务器端的数据交换是非常重要的一个环节。jQuery 提供了多种 AJAX 方法来简化这一过程,其中 `$.post()` 是一种常用的方式来实现客户端...

    jquery+ajax实现无刷新提交的功能

    ### 使用jQuery与Ajax实现网页无刷新提交功能 在现代Web开发中,为了提供更好的用户体验,很多网站都会采用Ajax技术来实现在不刷新整个页面的情况下进行数据的提交与更新。本篇文章将详细介绍如何利用jQuery库结合...

    jquery.form提交方式

    jQuery的`$.ajax()`函数和`$.post()`、`$.get()`等简化方法允许我们以非刷新的方式提交表单,这对于提升用户体验非常有益。 1. 使用`$.ajax()` ```javascript $('form').submit(function(event) { event....

    使用jQuery ajax提交表单代码

    本文将深入探讨如何使用jQuery的ajax方法来提交表单,从而实现异步数据交换,提高用户体验。 首先,jQuery的$.ajax()函数是进行Ajax请求的核心,它允许我们与服务器进行异步数据通信。在“使用jQuery ajax提交表单...

    验证码Demo (Jquery实现提交)

    5. **Ajax交互**:Jquery的`$.ajax`或`$.post`方法用于发送HTTP请求,将用户输入的验证码与服务器端存储的原始验证码进行对比。如果匹配,验证成功;否则,提示用户重新输入。 6. **错误处理和重试机制**:当验证...

    jquery异步提交例子

    本文将深入探讨jQuery异步提交的概念、用途及其在实际项目中的应用,特别是结合Servlet进行数据交互。 首先,异步提交是Web开发中的重要技术,它允许页面在不刷新的情况下与服务器进行数据交换,提高了用户体验。...

    Jquery实现表单异步提交.zip

    本项目以"Jquery实现表单异步提交"为主题,通过一个名为"ajaxJquerySubmit"的示例,详细展示了如何在Java Web环境中运用jQuery来实现这一功能。 首先,jQuery是一个强大的JavaScript库,它简化了DOM操作、事件处理...

    jQuery异步提交表单

    jQuery异步提交表单 gailan.apply(gailan, { selectPostFrom:function(){ var data = jQuery("#frmAppendix").formSerialize(); jQuery.ajax({ type:"POST", url:"./selectSubmit.jsp", data:data, success:...

    jQuery dialog form 提交 后台不能取值的解决办法

    需要设置`submit`事件来阻止默认的表单提交行为,并使用jQuery的`$.ajax()`或`$.post()`方法手动发送数据。 ```javascript $("#dialog-form").submit(function(event) { event.preventDefault(); // 阻止默认...

    Jquery中ajax提交表单几种方法(get、post两种方法)

    在jQuery中,Ajax提交表单是常见的数据交互方式,它允许我们在不刷新页面的情况下与服务器交换数据并更新部分网页内容。主要使用到的两种方法是GET和POST,这两种方法各有特点,适用于不同的场景。 首先,GET方法是...

    jquery实现弹窗表单填写提交

    本资源重点展示了如何利用jQuery来实现弹窗表单的填写和提交功能,这对于用户交互和数据收集至关重要。下面将详细阐述这个过程中的关键知识点。 首先,jQuery弹窗通常通过两种方式实现:一种是使用插件,如jQuery ...

    spring框架项目+jQueryAjax提交实例。jquery-3.3.1.min.js

    标题中的"spring框架项目+jQueryAjax提交实例"指的是一个整合了Spring框架和jQuery AJAX技术的Web应用程序项目。这个项目提供了一个完整的流程,演示了如何在前端使用jQuery的AJAX功能向后端Spring MVC控制器发送...

    jquery ajaxSubmit提交所用到的jquery.form.js

    在本主题中,我们重点关注的是jQuery的`ajaxSubmit`功能,它是通过`jquery.form.js`插件实现的,这个插件扩展了jQuery的核心功能,允许开发者更加便捷地处理表单提交。`jquery-1.4.2.min.js`是jQuery库的一个较早...

    jQuery Ajax无刷新提交表单并执行邮件通知

    **jQuery与Ajax无刷新提交表单** 在网页开发中,jQuery和Ajax技术的结合使得用户交互体验得到了极大的提升。"jQuery Ajax无刷新提交表单并执行邮件通知"这个主题涉及了两个关键点:一是利用jQuery进行表单验证,二...

    jQuery完整注册表单提交验证.zip

    "jQuery完整注册表单提交验证"是一个针对此需求的解决方案,它提供了全面的验证功能,确保用户输入的数据符合预期,同时减少了服务器端的压力。本文将深入探讨jQuery如何实现这一功能,以及如何将其应用于实际项目中...

Global site tag (gtag.js) - Google Analytics