`

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是什么意思  你的例子不太清楚。。

相关推荐

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

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

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

    在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法。$get方式提交表单get() 方法通过远程HTTP ,下面我...

    jquery异步提交例子

    jquery 异步提交的例子。使用的是jquery + servlet 。使用jquery $.get() $.post() 提交请求道servlet 页面

    jQuery异步提交表单

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

    jquery由GET转成POST方法工具类

    jquery由GET转成POST方法工具类,传入一个URL链接地址,直接把链接地址转换并POST提交。

    jQuery使用post方法提交数据实例

    本文实例讲述了jQuery使用post方法提交数据的用法。分享给大家供大家参考。具体实现方法如下: &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; [removed] [removed] [removed] $(document).ready(function(){ $(...

    jquery获取checkbox的值并post提交

    主要介绍了jquery获取checkbox的值并post提交,需要的朋友可以参考下

    jQuery向webApi提交post json数据

    主要介绍了jQuery向webApi提交post json数据的方法,非常不错,需要的的朋友参考下

    jQuery ajax提交Form表单实例(附demo源码)

    本文实例讲述了jQuery ajax提交Form表单的方法。分享给大家供大家参考,具体如下: Jquery的$.ajax方法可以实现ajax调用,要设置url,post,参数等。 如果要提交现有Form需要写很多代码,何不直接将Form的提交直接转移...

    jquery ajax post提交数据乱码

    在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset...

    jQuery post数据至ashx实例详解

    主要介绍了jQuery post数据至ashx实例详解的相关资料,需要的朋友可以参考下

    .NET MVC3获取jQuery post 复杂类型json数据

    使用jQuery向.net mvc3 controller提交类似以下格式的JSON数据时,后台接收不到数据,经返利尝试后,找到一种解决办法,仅供参考:{ sth: 'test', list: [{ id: 1, name: 'aaaa' }, { id: 2, name: 'bbb'}] }

    JQuery.form表单提交参数详解.txt

    //type:type, //默认是form的method('get' or 'post'),如果申明,则会覆盖 //dateType:null, //'xml','script',or 'json'(接受服务端返回的类型) //clearForm:true, //成功提交后,清除所有表单元素的值 //...

    jQuery+get/post+Ajax+Json

    本项目使用了jQuery的get/post两种方法提交Json格式的数据到后台,后台再把Json格式的数据传到前台。实现了JSON字符串和JSON对象之间的转换。

    jQuery同步提交示例代码

    本文实例讲述了jQuery同步提交的方法。分享给大家供大家参考,具体如下: 使用jQuery 框架,同步提交演示 在一些严格检测或者递归、循环调用的情况下,如果不能同步返回数据则可能会出现错误结果,所以需要使用同步...

    java乱码问题的解决

    当你编写代码时是不是也遇到了乱码问题 尤其是jquery post提交 来下载看看吧 你会有所收获 (个人总结 针对不同情况)

    jquery下异步提交表单 异步跨域提交表单

    1.使用post提交方式 2.构造表单的数格式 3.结合form表单的submit调用ajax的回调函数。 使用 jQuery 异步提交表单代码: 代码如下: &lt;html xmlns=”http://www.w3.org/1999/xhtml”&gt; &lt;head&gt; &lt;title&gt;...

Global site tag (gtag.js) - Google Analytics