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"); //把接收的进行处理就可以,不能为空的时候处理

 

posted @ 2016-05-03 16:16  只是默默的想念着  阅读(142)  评论(0编辑  收藏  举报