当前位置: 首页 > 编程笔记 >

jQuery异步提交表单的两种方式

姜淇
2023-03-14
本文向大家介绍jQuery异步提交表单的两种方式,包括了jQuery异步提交表单的两种方式的使用技巧和注意事项,需要的朋友参考一下

本文为大家分享了两种jQuery异步提交表单的方式,具体内容如下

第一种方式:普通ajax方式提交 

$(function(){
 $('#send').click(function(){
   $.ajax({
    type: "GET",
    url: GLOBAL_PATH + "/Enterprise/savecompanyphoto",
    data: {username:$("#username").val(),  content:$("#content").val()},
    dataType: "json",
    success: function(data){
    $('#resText').empty(); //清空resText里面的所有内容
    var html = ''; 
    $.each(data, function(commentIndex, comment){
     html += '<div class="comment"><h6>' + comment['username']
        + ':</h6><p class="para"' + comment['content']
        + '</p></div>';
    });
    $('#resText').html(html);
   }
   });
 });
});

第二种方式:普通ajaxSubmit方式提交表单

<script src="jquery.form.js" type="text/javascript"></script>
<script src="dialog.js?lib=false" type="text/javascript"></script>src="jquery.min.js" type="text/javascript">

function uploader_img(){
 var optionsSave={
   type: "POST",
   url: GLOBAL_PATH + "/Enterprise/savecompanyphoto",
   data:$('#addImg').serialize(),
   success: function (data) {
    if (data.code == 0) {
     AlertMini('alt1', "上传图片成功!", 'success.gif', 2);
     window.location.reload();
    } else {
     AlertMini('alt1', "上传图片失败!", 'error.gif', 2);
    }
   },
   error: function (data) {
    AlertMini('alt1', "上传图片失败!", 'error.gif', 2);
   }
  }
  $('#addImg').ajaxSubmit(optionsSave);
  }

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持小牛知识库。

 类似资料:
  • 本文向大家介绍jQuery异步提交表单实例,包括了jQuery异步提交表单实例的使用技巧和注意事项,需要的朋友参考一下 前言: 我们在开发的时候,一定会使用ajax异步提交表单,在这里总结一下: 前提准备:引入脚本 前台页面: 后台servlet代码: web.xml配置 注意: ajaxSubmit({})的也可以这样设置表单的method、action、表单项 以上所述是小编给大家介绍的jQu

  • pre { white-space: pre-wrap; } 本教程向您展示如何通过 easyui 提交一个表单(Form)。我们创建一个带有 name、email 和 phone 字段的表单。通过使用 easyui 表单(form)插件来改变表单(form)为 ajax 表单(form)。表单(form)提交所有字段到后台服务器,服务器处理和发送一些数据返回到前端页面。我们接收返回数据,并将它显

  • 本文向大家介绍axios异步提交表单数据的几种方法,包括了axios异步提交表单数据的几种方法的使用技巧和注意事项,需要的朋友参考一下 踩坑Axios提交form表单几种格式 前后端分离的开发前后端, 前端使用的vue,后端的安全模块使用的SpringSecurity,使用postman测试后端的权限接口时发现都正常,但是使用vue+axios发送异步的请求后端一直获取不出axios提交的form

  • 本文向大家介绍详解flask表单提交的两种方式,包括了详解flask表单提交的两种方式的使用技巧和注意事项,需要的朋友参考一下 一.通用方式 通用方式就是使用ajax或者$.post来提交。 前端html 将操作绑定 这样通过js来实现提交表单的功能,然后flask后端 通用方式的好处就是在其他框架中也适用。而且也并不复杂。 二.比较正宗的flask方式 前端html: 前端这时候可以不用绑定操作

  • 问题内容: 在mootools中,我会做类似 jQuery中的并行语法是什么? 换句话说: 如何将表单数据(假设id =’bob’)放入以下代码中 问题答案: 应该这样做:

  • 本文向大家介绍Jquery异步提交表单代码分享,包括了Jquery异步提交表单代码分享的使用技巧和注意事项,需要的朋友参考一下 功能很实用代码也很简单,就不多废话了,直接奉上: 以上所述就是本文的全部内容了,希望能够对大家熟练掌握异步提交表单有所帮助。 请您花一点时间将文章分享给您的朋友或者留下评论。我们将会由衷感谢您的支持!