天天看點

ajax寫法整理練習,與 asp .net mvc背景控制器互動

  1. 引用 jquery
  2. 簡單ajax
$.ajax({
	url:"",
	success:function()
	{}
})
           
  1. 向asp .net mvc 背景控制器傳遞數組

    前端

var arr = new Array();
arr.push('11');
arr.push('22');
$.ajax({
	url:"",
	datetype:'json',
	type:"POST",
	traditional:true,
	data:{
		name:arr
	},
	success:function()
	{}
})
           

後端控制器

[HttpPost]
public void fun(List<string> name)
{}
           

總結:

datetype:‘json’

type:‘POST’,

traditional:true

data:{ paramName:arr}

  1. 前端向後端傳對象
var obj = {id='',text=''};
$.ajax({
	url:'',
	datatype:'json',
	type:'POST',
	traditional:true,
	data:{paramName:obj},
	success:function(){
	}
})
           

後端

public class myclass
{
	public string id{get;set;}
	public string text{get;set;}
}
[HttpPost]
public void func(myclass paramName){}
           
  1. 前端向後端傳對象清單

    前端

var obj1 = {id='11',text='22'};
var obj1 = {id='11',text='22'};
var arr = new Array();
arr.push(obj1);
arr.push(obj2);
$.ajax({
	url:"",
	data:JSON.stringify(arr),
	type:"POST",
	contenttype:'application/json',
	success:function(){}
})
           

後端

[HttpPost]
public void func(List<myclass> lst){}
           
  1. 熟練運用并能夠默寫

繼續閱讀