jquery ajax的应用

最新推荐文章于 2024-07-29 20:46:57 发布

bao4545

最新推荐文章于 2024-07-29 20:46:57 发布

阅读量354

点赞数

本文链接：https://blog.csdn.net/bao4545/article/details/9904495

版权

jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="RequestPage.aspx.cs" Inherits="JQueryAjaxDemo.apsxDemo.RequestPage" %>

<!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>JQuery Ajax 请求Aspx页面的例子----请求页</title>
    <script src="../Scripts/jquery-1.4.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
        $(function () {
            $.ajax({
                type: "Post",
                url: "ResponsePage.aspx/RequestMethod1",
                data:"{'msg':'hello'}",
                contentType: "application/json;charset=utf-8",// 这句可不要忘了。
                dataType: "json",
                success: function (res) {
                    $("#dataShow").text("success:" + res.d); // 注意有个d，至于为什么通过chrome看响应吧，O(∩_∩)O。

                },
                error: function (xmlReq, err, c) {
                    $("#dataShow").text("error:" + err);
                }
            });
        })
    </script>

</head>
<body>
    <form id="form1" runat="server">
    <div id="dataShow">

    </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.Services;
using System.Web.Script.Services;
using System.IO;

namespace JQueryAjaxDemo.apsxDemo
{
    public partial class ResponsePage : System.Web.UI.Page
    {
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!this.IsPostBack)
            {
                StreamReader reader = new StreamReader(Request.InputStream);
                string dd = reader.ReadToEnd();
                if ((Request["token"] ?? "") == "ajax")
                {
                    // 下面这些内从可以放在一个方法里，然后通过“token”标记去判断执行哪个方法。

                    // 如果要是返回的响应为xml，则必须这样设置
                    //Response.ContentType = "application/xml";
                    // 如果要是返回的响应为xml,返回的字符串必须是可以被解析的xml文档格式。
                    //Response.Write("<my>123</my>");

                    // 如果要是返回的响应为json，需要这样设置，但是不是必须的，也可以不设置。
                    //Response.ContentType = "application/Json";
                    // 如果要是返回的响应为json,返回的字符串必须是可以被解析的json文档格式。
                    // Response.Write("[123]");

// 这个是直接返回字符串的情况。
// Response.Write("我是直接请求aspx页面返回的文字！我是ResponsePage.");

                    Response.Write("[123]");
                    Response.End();
                }
            }
        }

        // 需要被Ajax请求的后台方法
        [WebMethod]
        [ScriptMethod(UseHttpGet = true)]// 如果要使用POST方式请求，去掉这个标记
        public static string RequestedMethod() // 方法一定要是静态的。
        {
            return "我是被请求的后台方法RequestedMethod";
            // return "<my>123</my>";
        }

        [WebMethod]
        public static string RequestMethod1(string msg)
        {
            return msg+"343";
        }

}
}

上面为服务器端