分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 前端开发

ASP.NET学习笔记(6)——jQuery的Ajax基本操作

发布时间:2023-09-06 01:23责任编辑:熊小新关键词:.NETjQueryAjax

说明(2017-11-5 15:49:29):

1. jQuery里封装了三个方法,$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest对象,一般只用前两个。

2. $.get里面的回调函数有参数,第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。data存放的是请求压面里的context.Response.Write(userName + ":" + passWord)里的内容!!!

3. 麻蛋注释里都有我为毛还要再复制一遍!

Ajax_Get.aspx:

 1 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Ajax_Get.aspx.cs" Inherits="_06_Ajax.ajax" %> 2 ?3 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 4 <html xmlns="http://www.w3.org/1999/xhtml"> 5 <head runat="server"> 6 ????<title></title> 7 </head> 8 <body> 9 ????<form id="form1" runat="server">10 ????<input type="button" name="name" value="显示用户" id="btnShow" />11 ????</form>12 </body>13 <script src="jquery1.11.3.js" type="text/javascript"></script>14 <script type="text/javascript">15 ????$(function () {16 ????????$("#btnShow").click(function () {17 ????????????//$.get,$.post和$.ajax,其中$.ajax是返回原生的XMLHttpRequest对象,一般只用前两个18 ????????????//注意,$.get里面的回调函数有参数,第一个回调参数存有被请求页面的内容,第二个回调参数存有请求的状态。data存放的是请求压面里的context.Response.Write(userName + ":" + passWord)里的内容!!!19 ????????????$.get("Ajax.ashx", { "userName": "wangwu", "passWord": "789" }, function (data, status) {20 ????????????????data = data.split(‘:‘);21 ????????????????alert("用户名是:" + data[0] + " 密码是:" + data[1] + " 状态为:" + status);22 ????????????});23 ????????})24 ????});25 </script>26 </html>

Ajax.ashx:

 1 using System; 2 using System.Collections.Generic; 3 using System.Linq; 4 using System.Web; 5 ?6 namespace _06_Ajax 7 { 8 ????/// <summary> 9 ????/// ajax1 的摘要说明10 ????/// </summary>11 ????public class ajax1 : IHttpHandler12 ????{13 14 ????????public void ProcessRequest(HttpContext context)15 ????????{16 ????????????context.Response.ContentType = "text/plain";17 ????????????//string method = context.Request.HttpMethod();判断请求方式,get还是post18 ????????????//get和post都发送到这个ashx页面,反正都是接受用户名和密码19 ????????????string userName = context.Request["userName"];20 ????????????string passWord = context.Request["passWord"];21 ????????????//注意这里有个冒号,jQuery里才能用冒号把参数data分成两部分用户名和密码22 ????????????context.Response.Write(userName + ":" + passWord);23 ????????}24 25 ????????public bool IsReusable26 ????????{27 ????????????get28 ????????????{29 ????????????????return false;30 ????????????}31 ????????}32 ????}33 }

ASP.NET学习笔记(6)——jQuery的Ajax基本操作

原文地址:http://www.cnblogs.com/Jacklovely/p/7787640.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved