[ASP.NET]JQuery AJAX用法整理

摘要:[ASP.NET]JQuery AJAX用法整理

我们再用Jquery CallBack Server时有许多参数要如何使用

$.ajax({
                type: "POST",
                url: "MyWebService.asmx/SayHelloJson",
                data: "{ firstName: ‘Aidy‘, lastName: ‘F‘ }",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function (data) {
                    var myData = JSON.parse(data.d);
}
$.ajax({
                type: "POST",
                url: "MyWebService.asmx/SayHello",
                data: "firstName=Aidy&lastName=F", /
                dataType: "text",
                success: function (data) {
                    $("#searchresultsA").html(data); /
                }
            });

Type?:postback?给server,?Server会Respon?给Client

Url:?“MyWebService.asmx/SayHelloJson?firstName=’aidy’&lastName=’F’”要注明方法?(Web?Service)

传入参数,Server端可以用this.comtext.request.quertstring[“”]?,去取得get数据

“MyWebService.ahsx”(泛型处理常式)

“MyWebService.apsx”(一般网页)

Data:?"{?firstName:?‘Aidy‘,?lastName:?‘F‘?}"?可用JSON格式传入参数或是"firstName=Aidy&lastName=F"

Server端用this.comtext.request.From[“”],去取得post数据,

或是Web Server端会用Fuction(string?firstName,?string?lastName)去取得post资

contentType:?"application/json;?charset=utf-8"如果是传送data?JSON?格式给Server要特别注明

dataType?:?"json","text",”xml”,Server回传的数据型态

success?:?function?(data){}?:回传的数据跟动作

Web Server Code

[WebMethod]
public string SayHello(string firstName, string lastName)
{
    return "Hello " + firstName + " " + lastName;
}
[WebMethod]
public string SayHelloJson(string firstName, string lastName)
{
    var data = new { Greeting = "Hello", Name = firstName + " " + lastName };

    // We are using an anonymous object above, but we could use a typed one too (SayHello class is defined below)
    // SayHello data = new SayHello { Greeting = "Hello", Name = firstName + " " + lastName };

    System.Web.Script.Serialization.JavaScriptSerializer js = new System.Web.Script.Serialization.JavaScriptSerializer();

    return js.Serialize(data);
}

原文:大专栏  [ASP.NET]JQuery AJAX用法整理

原文地址:https://www.cnblogs.com/chinatrump/p/11458410.html

时间: 2024-10-14 12:39:58

[ASP.NET]JQuery AJAX用法整理的相关文章

Asp.Net+JQuery.Ajax之$.post

前段时间有点跑偏,经过米老师和师傅的耐心指导,终于认识到自己的问题,现在回归常规路线,继续B/S的学习. 经过近半个月的熏陶,对JQuery慢慢的有了亲切感.当时我采访过一清,问他看完JQuery视频有什么感觉,一清说:"能听懂,能看懂,自己做不知道从哪下手".这可能是大多数初学者的苦衷,现在我用一个简单的登录页面,帮助大家进一步理解JQuery.Ajax的工作原理. 首先我们制作一个html页面,用于和用户交互,代码如下: <!DOCTYPE html PUBLIC "

ASP.NET jquery ajax传递参数

第一种:GET传递 前台 ajax   GET 传递 :即在请求的地址后面加上参数,URL地址长度有显示,安全性低 后台接收:Request.QueryString[“参数名字”]! 例如: function LoadBar(id) { var project = id; var month = $("#txtMonth").val(); $.ajax({ type: "GET", async: false, url: 'GetProjectScore.aspx?p

jQuery Ajax用法详解

[详解]jquery  ajax在web应用开发中常用,主要包括有ajax,get,post,load,getscript等这几种常用无刷新操作方法,下面来给大家介绍一下.我们首先先从最简单的方法看起. 我们先从最简单的方法看起,处理复杂的ajax请求时,jquery使用jquery.ajax()方法进行处理,在jquery中有一些简单的方法,他对jquery.ajax()方法进行了封装,是的我们在处理一些简单的ajax事件时,不需要使用jquery.ajax()方法,其中有些方法在之前的文章已

jQuery学习之jQuery Ajax用法详解

[导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍.我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQue jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起,处理复杂的ajax请求时,jQuer

jQuery Ajax用法

jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQuery.ajax()方法进行处理.在jQuery中有一些简单的方法,它对jQuery.ajax()方法进行了封装,使得我们在处理一些简单的Ajax事件时,不需要使用jQuery.ajax()方法,其中有些方法在之前的文章中已经出现过了,相信大家很快便

jQuery学习之jQuery Ajax用法详解(转)

[导读] jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍.我们先从最简单的方法看起,处理复杂的ajax请求时,jQuery使用jQue jQuery Ajax在web应用开发中很常用,它主要包括有ajax,get,post,load,getscript等等这几种常用无刷新操作方法,下面我来给各位同学介绍介绍. 我们先从最简单的方法看起,处理复杂的ajax请求时,jQuer

JQuery中$.ajax()方法参数详解 ASP.NET jquery ajax传递参数

url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 delete也可以使用,但仅部分浏览器支持. timeout: 要求为Number类型的参数,设置请求超时时间(毫秒).此设置将覆盖$.ajaxSetup()方法的全局设 置. async:要求为Boolean类型的参数,默认设置为true,所有请求均为异步请求. 如果需要发送同步请求,请将此选项

asp.net + jQuery.Ajax初步实践

最近在做一个网站项目时,有异步请求的需求,经过一番查找资料,终于实现了这个部分,在此记录一下,以备日后回顾. 1.jQuery的ajax函数可以很方便的建立发起异步请求 $(".drop-a").click(function () { var content = $(this).next("div"); if (isGet == false) { var code = $("#code").html(); var data = { code: c

Jquery ajax 学习笔记

本人的js & jq 一直是菜鸟级别,最近不忙就看了看ajax方面的知识,文中部分内容参考自这里&这里 之前一直用js写ajax现在基于jq实现方便多了~ $.get & $.post 和 $.ajax的区别 之前看过同事写过$.post,而我一直用$.ajax,后来才知道$.get()和$.post()都是通过get和post方式来进行异步,$.ajax()说是jquery最底层的ajax实现的,这里我们使用$.ajax的方式实现. 调用无参方法 1 2 3 4 5 6 7 8