JQuery的Ajax()向后台传参方式

来源：互联网发布：c语言读文本文件编辑：程序博客网时间：2024/05/02 04:58

JQuery的Ajax()向后台传参方式

一、Type属性为Get时：

(1)第一种方法：（通过url传参）

function GetQuery(id) {     if (id ==1||id==7) {         var name = "语文";         $.ajax({             url:"../ajaxHandler/ChartsHandler.ashx?id="+id+"&name="+name +"",             type: "get",             success: function (returnValue) {                 $("#cId").val(returnValue);             },             error: function (returnValue) {                 alert("对不起！数据加载失败！");             }         })     }}

(2)第二种方法：（通过data传参）

function GetQuery(id) {     if (id ==1||id==7) {         var name = "语文";         $.ajax({             url:"../ajaxHandler/ChartsHandler.ashx",             type: "get",             //获取某个文本框的值             //data: "id=" + id + "&name=" + $("#name").val(),             data: "id=" + id + "&name=" + name,            // 或者(注意：若参数为中文时，以下这种传参不会造成后台接收到的是乱码)             //data: {             //    "id": id,             //    "name": name             //},             success: function (returnValue) {                 $("#cId").val(returnValue);             },             error: function (returnValue) {                 alert("对不起！数据加载失败！");             }         })     }}

(2)后台获取参数：（.ashx一般处理程序）

public void ProcessRequest(HttpContext context)        {            string 科目Id = context.Request.QueryString["id"];            string 科目名称 = context.Request.QueryString["name"];            }

二、Type属性为post时：

(1)第一种方法：（通过url传参）

function GetQuery(id) {     if (id ==1||id==7) {         var name = "语文";         $.ajax({             url:"../ajaxHandler/ChartsHandler.ashx?id="+id+"&name="+name +"",             type: "post",             success: function (returnValue) {                 $("#cId").val(returnValue);             },             error: function (returnValue) {                 alert("对不起！数据加载失败！");             }         })     }}

0 0