原始ajax方式调用asp.net后台方法

aspx页面：

<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Data.aspx.cs" Inherits="Data" %><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server"><title></title><script src="Scripts/jquery-1.4.1.min.js" type="text/javascript"></script><script type="text/javascript">//1，jquer方式调用asp.net后台方法
        $(function () {$("#getuser").click(function () {$.ajax({type:"post",contentType:"application/json;utf-8",datatype:"json",url:"data.aspx/GetUser",data:"{}",success:function(data){var obj=eval("("+data.d+")");alert('姓名:'+obj.name+'年龄：'+obj.age);},error:function(err){alert(err);}});});});//2.原始ajax方式调用asp.net后台方法//创建xmlHttp对象var xmlHttpReq;function createXMLHttp() {if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
               xmlHttpReq = new XMLHttpRequest();}else{//code for IE5， IE6
               xmlHttpReq = new ActiveXObject("Microsoft.XMLHttp");}}//创建请求函数function ajaxRequest(url) {createXMLHttp();xmlHttpReq.open('POST', url, false);xmlHttpReq.setRequestHeader("Content-type", "application/json");xmlHttpReq.onreadystatechange = callBack;xmlHttpReq.send(null);}//创建回调函数function callBack() {if (xmlHttpReq.readyState == 4) {alert(xmlHttpReq.readyState);if (xmlHttpReq.status == 200) {var res = xmlHttpReq.responseText;  //res="{"d":"{name:\u0027puter\u0027,age:33}"}" ;                  var obj=eval("("+res+")");           //obj.d="{name:'puter',age:33}";                   var user=eval("("+obj.d+")");       //user={name:'puter',age:33}                   alert("姓名:"+user.name+",年龄："+user.age);}}}function send() {var url = "Data.aspx/GetUser";ajaxRequest(url);}</script>
</head>
<body><form id="form1" runat="server"><div><input type="button" id="getuser" value="获得用户" /><input type="button" id="oldajax" value="oldajax" onclick="send()"/></div></form>
</body>
</html>

后台代码：

using System;
using System.Collections.Generic;
using System.Linq;
using System.Web;
using System.Web.UI;
using System.Web.UI.WebControls;
using System.Web.Script.Services;
using System.Web.Services;public partial class Data : System.Web.UI.Page
{protected void Page_Load(object sender, EventArgs e){}[WebMethod]public static string GetUser(){return "{name:'puter',age:33}";//return "sssssssss";
    }}

转载于:https://www.cnblogs.com/zcttxs/archive/2012/07/04/2577004.html

原始ajax方式调用asp.net后台方法相关推荐

ajax调用asp.net,jQuery.ajax()调用asp.net后台方法(非常重要)
http://www.cnblogs.com/zxhoo/archive/2011/01/30/1947752.html 用JQuery的$.ajax()可以很方便的调用asp.net的后台方法. 先 ...
html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法
本文实例讲述了JSP+jQuery使用Ajax方式调用JSON的实现方法,在这里分享给大家以供大家参考,具体的实现以及代码如下所示: 前台: //test function test(uid) { i ...
jsp jquery ajax请求,JSP+jquery使用ajax方式调用json的实现方法
本文实例讲述了JSP+jquery使用ajax方式调用json的实现方法.分享给大家供大家参考,具体如下: //test function test(uid) { if(confirm("确 ...
aspx后台调用前台jquery_jQuery调用Asp.Net后台方法
常用的ajax就不讲了,这里主要是说通过ajax调用asp.net后台的cs文件暴露的方法. 前台: $("input[type='button'][value='GetOneDayLate ...
jquery ajax java上传文件_jQuery Ajax方式上传文件的方法
jQuery Ajax方式上传文件用到两个对象第一个对象:FormData 第二个对象:XMLHttpRequest 目前新版的Firefox 与 Chrome 等支持HTML5的浏览器完美的支持这 ...
ajax webmethod,JQuery直接调用asp.net后台WebMethod方法
利用JQuery的$.ajax()可以很方便的调用asp.net的后台方法.[WebMethod] 命名空间 1.无参数的方法调用, 注意:1.方法一定要静态方法,而且要有[WebMethod]的 ...
js 调用C#.NET后台方法转载自：http://www.cnblogs.com/lizhao/archive/2010/11/23/1990436.html...
第一种: <script type="text/javascript"> $(document).ready(function() { sshow(); }); ...
ajax成功之后在执行,ajax传入成功后执行后台方法
做一个网站,再页面读取一段文字后,点击按钮,用ajax将文字传回后台,现在我希望ajax返回成功后,执行另外一段后台方法, 请问有什么好方法吗? [WebMethod] public static s ...
idhttp.post方式调用datasnap rest 远程方法
idhttp.get方式调用,这种比较简单,大家都会.post方式网上却没有任何成功的代码,本人也是摸索了一个上午才搞定. 分享给大家. (1)post方式调用的远程方法,方法名必须加"up ...

原始ajax方式调用asp.net后台方法

原始ajax方式调用asp.net后台方法相关推荐

最新文章

热门文章