原生Ajax(GET和POST请求)和jQueryAjax(Get和Post请求)详解

https://blog.csdn.net/qq_36245035/article/details/80952981

https://www.cnblogs.com/zhangruisoldier/p/8006099.html

  1. $.ajax get
$(function(){
    $('#send').click(function(){
         $.ajax({
             type: "GET",
             url: "test.json",
             data: {username:$("#username").val(), content:$("#content").val()},
             dataType: "json",
             success: function(data){

             }
         });
    });
});

2.$.ajax post

$.ajax({
             type: "POST",
             url: "/login",
             contentType: 'application/x-www-form-urlencoded;charset=utf-8',
             data: {username:$("#username").val(), password:$("#password").val()},
             dataType: "json",
             success: function(data){
                         console.log(data);
                      },
             error:function(e){
                         console.log(e);
             }
         });

3.$.ajax post json

$.ajax({
		    url:Feng.ctxPath+'/goodBase/setDataToRedis',
		    type: 'POST',
		    contentType : 'application/json;charset=UTF-8',
		    dataType: 'json',
		    cache:false,
		    data: JSON.stringify(json),
		    success: function(result){
		    	
		    }
	    });
  1. $.ajax 文件上传form表单提交
var formData = new FormData($('#form1')[0]);
	            $.ajax({
	                type: 'post',
	                url: Feng.ctxPath + "/exportexcel/uploadOrderExcel",
	                data: formData,
	                cache: false,
	                processData: false,
	                contentType: false,
	            }).success(function (data) {
	            	if(data.code == 200){
	 		        	Feng.success("上传成功!");
	 		        }else{
	 		        	Feng.error("上传失败!"+data.message);
	 		        }
	 		    	closePag();
	            }).error(function () {
	                alert("上传失败");
	            });

你可能感兴趣的:(原生Ajax(GET和POST请求)和jQueryAjax(Get和Post请求)详解)