首页 > 其他分享 >ajax 提交form表单例子

ajax 提交form表单例子

时间:2022-10-10 00:45:44浏览次数:43  
标签:function String form 表单 ajax answersSubmit result 提交

(前端)

            <input type="submit" onclick="answersSubmit()" value="提交答案" />
        </div>

    </form>

(ajax)
//以下为提交答案
function answersSubmit(){
//提交答案

      $.ajax({
        //几个参数需要注意一下
            type: "POST",//方法类型
            dataType: "json",//预期服务器返回的数据类型
            url: "/answersSubmit" ,//url
            async:false,
            data: $('#myform').serialize(),
            success: function (result) {
                console.log(result);//打印服务端返回的数据(调试用)
                if (result.resultCode == 200) {
                    console.log("提交答案返回数据"+result);
                }
                ;
            },
            error : function() {
                alert("异常!");
            }
        });

}

(后端)
@RequestMapping(value = "/answersSubmit",produces = "text/html;charset=UTF-8")
@ResponseBody
public String answersSubmit(HttpServletRequest request) throws ParseException {
String answerId = request.getParameter("answerId");
String userAnswer = request.getParameter("inputArr");

Gson gson = new Gson();
return gson.toJson(rightorerror);
}

标签:function,String,form,表单,ajax,answersSubmit,result,提交
From: https://www.cnblogs.com/yuguihong/p/16774238.html

相关文章

  • 微信小程序模板消息测试- formId 的获取
    微信小程序模板消息测试-formId的获取找到官方文档中form组件的位置:https://developers.weixin.qq.com/miniprogram/dev/component/form.html   点击“在开发......
  • git diff与linux diff的输出格式之unified format
    gitdiff与linuxdiff的输出格式之unifiedformat【转】  前言前面有一篇文章《一个有些意思的项目--文件夹对比工具(一)》,里面简单讲了下diff算法之--Myers算法......
  • 表格与表单元素
    表格元素表格主要是用来展示数据的表格元素容器的标签table其他元素的标签thead:表头标签tbody:表体标签表格中的数据部分,如图中一行行的数据就是表体th:表格的一个......
  • 日期转换SimpleDateFormat
    【1】String----》java.util.Date类型转换:(1)String---》java.sql.Date(2)java.sql.Date--->java.util.Date1publicclassTest03{2//这是一个main方法:是程序的......
  • form表单提交,页面不跳转
    form表单提交页面不跳转在写那种ajax的时候发现请求的formData数据到服务端总是400,但是form表单提交的时候页面会跳转,提交图片,视频的的时候为了防止提交页面不跳转,......
  • 时间类型和字符串类型相互转换——SimpleDateFormat中parse和format的用法
    SimpleDateFormatsimpleDateFormat=newSimpleDateFormat("yyyy-MM-ddHH:mm:ss");simpleDateFormat.parse("xxxxxxx");//字符串->时间simpleDateFormat.format(new......
  • ajax--fetch--axios
    //基本用法无参数get请求$.ajax({url:"demo_test.txt",success:function(result){console.log(result);}}//需指定方法则增加method字段$.......
  • transform旋转
    一:rotate()2D旋转单位deg 度(Degrees)grad梯度(Gradians)rad 弧度(Radians)turn 转、圈(Turns)例:transform:rotate(45deg);......
  • 界面组件DevExpress WinForms v22.1 - 数据可视化功能全新升级
    DevExpressWinForms拥有180+组件和UI库,能为WindowsForms平台创建具有影响力的业务解决方案。DevExpressWinForms能完美构建流畅、美观且易于使用的应用程序,无论是Office......
  • C#实现winform拖拽文本类型文件并读取内容功能
    利用winform窗体,或添加有属性AllowDrop的控件,可以实现拖拽文件文本类型文件并读取内容功能,txt、sql、html等类型文件都可以。这里利用Button控件,向窗体添加两个Button控件......