探讨jQuery的ajax使用场景(c#)

2020-05-18 08:43:17易采站长站整理


二:jQuery.ajax伴随ASP.NET的实战练习


首先创建Default.aspx页面,作为请求发起页面,并会获得返回值。页面的代码Default.aspx是:

<%@ Page Language=”C#” AutoEventWireup=”true” CodeBehind=”Default.aspx.cs” Inherits=”JqueryAjax2._Default” %>
<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”>
<script src=”jsjquery-1.6.2.min.js” type=”text/javascript”></script>
<script type=”text/javascript”>
    $(function() {
        $(‘#showinfo’).click(function() {
            var data = { key1: “刘明丰”, key2: “林望” };
            $.ajax({
                type: “POST”,
                url: “response.aspx”,
                data: data,
                dataType: “text”,
                success: function(msg) {
                    $(“#ajax”).append(msg);
                }
            });
            $.ajax({
                url: “test.htm”,
                cache: false,
                success: function(html) {
                    $(“#resulthtml”).append(html);
                }
            });
            $(“#load”).load(“test.htm”);
            $.get(“response.aspx”, data, success1, “text”);
            $.get(“TextJson.txt”, success3, “json”);