`

ajax中post提交form所有元素序列化提交方法.serialize();

    博客分类:
  • Ajax
 
阅读更多
  1. $(function() { 
  2.     $('#submit').bind('click'function() { 
  3.  
  4.         var formData = $('#ajaxForm').serialize(); 
  5.         //.serialize() 方法创建以标准 URL 编码表示的文本字符串 
  6.       
  7.         $.ajax({ 
  8.             type : "POST"
  9.             url  : "form.php",  
  10.             cache : false
  11.             data : formData, 
  12.             success : onSuccess, 
  13.             error : onError 
  14.         }); 
  15.         return false
  16.     }); 
  17. }); 
  18.  
  19. function onSuccess(data,status){ 
  20.     data = $.trim(data); //去掉前后空格 
  21.     $('#notification').text(data); 
  22.  
  23. function onError(data,status){ 
  24.     //进行错误处理 

 

 

*********************************

function exportLg2JsData(){
 if(confirm("确认要导出已确认的数据?")){
  var formData = $('#pageForm').serialize();
  $.ajax({
   type:"post" ,
   url:"exportLg2JsData?flagExp=flagExp",
   data:formData,
   success:function(data){
    if(data==0){
     alert("没有数据可导出!");
     return false;
    }else{
        $('#pageForm').attr('action','exportLg2JsData');
      $('#pageForm').submit();
     $('#pageForm').attr('action','lg_turn_JsData_list');
    }
   }
  });
 }
}

分享到:
评论

相关推荐

    ajax-axios-url-form-serialize 插件

    在处理表单数据时,我们常常需要将表单数据序列化以便于发送到服务器,这就是`ajax-axios-url-form-serialize`插件的作用。 `ajax-axios-url-form-serialize`插件专为Axios设计,用于将HTML表单数据转换成URL编码...

    sendForm.js-Serialize.js

    在JavaScript编程领域中,"sendForm.js-Serialize.js"很可能是一个用于序列化表单数据的库或脚本。序列化是将HTML表单中的数据转换为URL编码字符串的过程,这在进行Ajax请求或者发送POST数据时非常常见。下面将详细...

    web前端培训教程表单序列化共4页.pdf.zip

    2. jQuery的`serialize()`和`serializeArray()`:这两个jQuery方法方便地将表单数据序列化。`serialize()`返回一个URL编码的字符串,`serializeArray()`则返回一个包含键值对的数组,便于进一步操作。 3. `...

    ajax异步提交表单

    `serialize()`方法用于序列化表单中的所有字段值。它将表单中的数据转换为键值对的形式,例如`name=John&password=123`。 ##### 5.2 设置请求类型 `type: "post"`指定了请求方式为POST。POST请求通常用于发送敏感...

    完成的 Ajax 提交表单

    `Ext.form.Basic`对象提供了`getValues()`方法来获取表单字段的值,而`Ext.Ajax.serializeForm()`可以将表单数据转换为URL编码的字符串,适用于POST请求的data参数。 5. **错误处理和提示**:在`failure`回调中,你...

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

    data: $('form').serialize(), // 序列化表单数据 success: function(response) { // 处理服务器返回的数据 }, error: function(jqXHR, textStatus, errorThrown) { // 错误处理 } }); ``` 对于GET请求,...

    jquery.form提交方式

    如果你的表单只需要简单的异步提交,`$.ajaxForm()`会自动处理表单事件和序列化数据。 ```javascript $('form').ajaxForm({ url: 'your-url', success: function(response) { // 处理响应 } }); ``` 四、表单...

    jquery序列化form表单使用ajax提交后处理返回的json数据

    jQuery提供了一个便捷的方法`$("form").serialize()`,它可以自动遍历表单中的所有input元素(包括文本框、复选框、单选按钮等),并将它们的值组合成URL编码的字符串。 例如,如果你有一个包含两个输入字段的表单...

    Django之Form表单验证及Ajax验证方式汇总

    data: $(this).serialize(), // 序列化表单数据 success: function(response) { // 处理成功响应,例如显示成功消息 }, error: function(xhr, status, error) { // 处理错误响应,例如显示错误信息 }, }); ...

    jquery ajax提交整个表单元素的快捷办法

    这个函数能够将表单中的所有可序列化元素(如input、textarea、select等)转换为URL编码的字符串,非常适合用于发送表单数据到服务器。在给定的代码中,`$(“form”).serialize()`就是用来获取当前页面中所有表单...

    Ajax使用jQuery提交表单

    jQuery Form Plugin提供了一个更简单的$.ajaxForm()方法,它可以自动处理表单的序列化和提交。首先,需要在项目中引入jQuery Form Plugin,然后可以这样使用: ```javascript $('#myForm').ajaxForm({ url: '...

    Ajax serialize() 表单进行序列化方式上传文件

    通过传统的 form 表单提交的方式上传文件 <form id="uploadForm" action="" method="post" enctype="multipart/form-data"> 上传文件:<...使用 serialize() 对 form 表单进行序列化提交 $.a

    js动态生成form 并用ajax方式提交的实现方法

    `$(tempForm).serialize()`是序列化表单数据的方法,它会将表单中的所有字段转换成URL编码的字符串,便于发送到服务器。 在ExtJS框架中,也有类似的API可以实现相同的功能。例如,在Ext 3中,可以使用`Ext.Ajax....

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

    在上面的例子中,`e.preventDefault()`防止了表单的默认提交行为,而是使用`formData`变量中的序列化数据进行Ajax提交。 总的来说,jQuery的Ajax功能提供了灵活且强大的方法来处理异步请求。GET和POST是HTTP中最...

    简单了解Ajax表单序列化的实现方法

    在实际应用中,你可以将这个序列化后的字符串作为Ajax请求的数据部分,通过POST方法发送到服务器。例如,使用XMLHttpRequest对象或者现代浏览器支持的fetch API: ```javascript var formData = serialize(document...

    AJAX在Form中简单的用法

    data: $(this).serialize(), // 序列化表单数据 dataType: 'json', // 期望的服务器响应类型 success: function(response) { console.log(response); // 在控制台显示服务器返回的数据 }, error: function...

    JQuery中serialize() 序列化

    总结来说,jQuery的`serialize()`方法是处理表单数据的利器,它简化了表单数据的序列化过程,使得在AJAX请求中传递表单数据变得异常简单。理解并熟练掌握`serialize()`及其关联方法,对于提高前端开发效率大有裨益。...

    jquery提交form表单

    data: $(this).serialize(), // 序列化表单数据 success: function(response) { // 处理服务器返回的数据 }, error: function(xhr, status, error) { // 处理错误 } }); }); ``` 二、jQuery Form插件 `...

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

    data: $('#myForm').serialize(), // 序列化表单数据 dataType: 'json', // 预期的服务器响应类型 success: function(response) { if (response.success) { // 提交成功,显示成功消息或执行其他操作 } else {...

Global site tag (gtag.js) - Google Analytics