zoukankan      html  css  js  c++  java
  • Ajax提交form表单入门笔记

    $(function(){
        ajaxSend(); 
    });
    // ajax请求操作方法 function ajaxSend
    (){
      $.ajax({
        type: "post", // post get
        url: "",
        timeout 3000, // 超时时间
        dataType: "json", // 看后台需要也可以为 html 一般 json
        data: $('#myFrom').seriaize(), // 表单序列化,myFrom表单id(键值对的方式也可以 key/value 'name=' + names + '&pass' + pass)
        contendType: "application/json; charset=utf-8", // 传给服务器的格式 默认 application/x-www-form-urlencoded
        success: function(res) {
          console.log(res);
          window.loaction.href = '' // 跳转页面
        },
        error: function(){
          console.log("请求超时或者后台错误")
        }
      })
    }

    // Get
    function ajaxGet(){
      $.get("url", function(res){
        console.log(res)
      })
    }

    // Post
    function ajaxPost(){
      var params = {
        name:"",
      }
      $.post("url",params, function(res){
        console.log(res)
      })
    }
     

    适用于入门的方法。

    ajax提交中文乱码问题,在$.ajax({})前面加修改编码

      $.ajaxSetup({

          contentType: "application/json; charset=utf-8"
      })

    后台修改中文乱码问题(对应的action进行处理,是否需要添加对应的非空判断,根据参数是否可以为空进行处理)

      String name=request.getPatameter("name"); //接收的参数 name参数名称
      name=new String(name.getBytes("ISO-8859-1"),"UTF-8"); //把接收的进行处理就可以,不能为空的时候处理

     

  • 相关阅读:
    uniapp判断token多次登录问题
    vue强制刷新子组件到初始状态
    时间戳转化时间过滤器
    axios二次封装具有请求/响应拦截的http请求
    vue常见的工具函数
    解决npm i 初始化,core-js报错
    node环境变量配置
    scss基本使用
    Vue element-ui父组件控制子组件的表单校验
    antd-Calendar(日历)自动嵌入对应时间问题
  • 原文地址:https://www.cnblogs.com/houzhao/p/5455430.html
Copyright © 2011-2022 走看看