當前位置：首頁 > 人文社科 > 生活经验 >内容正文

生活经验

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

發布時間：2023/11/27 生活经验 22 豆豆

生活随笔收集整理的這篇文章主要介紹了原始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后台方法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。