Ajax的四种请求方式

最新推荐文章于 2022-11-17 12:33:08 发布
最新推荐文章于 2022-11-17 12:33:08 发布
阅读量552 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wuchangjian/article/details/42496745
版权
==============================================================html页面================================
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
    <script src="jquery-1.10.2.js"></script>
    <script type="text/javascript">
        $(function () {
            $("#btnGetJson").click(
                function () {
                    $.getJSON("ResponseJson.ashx", "a=3&b=4", function (data) {
                        alert(data[1].CityName);
                    });
                });
            $("#btnJQGet").click(function () {
                $.get("ResponseJson.ashx", "aa=22", function (data) {
                    alert(data);
                });
            });
            $("#btnJQPost").click(function () {
                $.post("ResponseJson.ashx", "bb=22", function (data) {
                    alert(data[0].CityName);
                }, "json")
            });
            $("#btnAjax").click(
                function () {
                    $.ajax({
                        url: "ResponseJson.ashx",
                        data: "a=3",
                        type: "Post",
                        success: function (data) {
                            //alert(data);
                            $("#divDemo").text(data);
                        },
                        error: function () {
                            alert("错误！");
                        }
                    });
                }
                );
            $("#btnLoad").click(function () {
                $("#divDemo").load("ResponseJson.ashx", { id: 333 }, function (data) {
                    alert(data);
                });  
            });
        });
    </script>
</head>
<body>
    <input id="btnGetJson" type="button" value="JQ GetJson" />
    <input type="button" value="JQ Get" id="btnJQGet" />
    <input type="button" value="JQ Post" id="btnJQPost" />
    <input type="button" value="JQ ajax" id="btnAjax" />
    <input type="button" value="JQ load" id="btnLoad" />
    <div id="divDemo">


    </div>
</body>
</html>
===========================================================================ashx================================================
using System;
using System.Collections.Generic;
using System.Linq;
using System.Text;
using System.Web;


namespace _20141224.Ajax
{
    /// <summary>
    /// Summary description for ResponseJson
    /// </summary>
    public class ResponseJson : IHttpHandler
    {


        public void ProcessRequest(HttpContext context)
        {
            context.Response.ContentType = "text/plain";
            //context.Response.Write("Hello World");
            System.Collections.Generic.List<CityInfo> cities = new List<CityInfo>() {
                new CityInfo() { CityId = 1, CityName = "郑州" },
                new CityInfo() { CityId = 2, CityName = "周口" },
                new CityInfo() { CityId = 3, CityName = "漯河" },
                new CityInfo() { CityId = 4, CityName = "驻马店" },
                new CityInfo() { CityId = 5, CityName = "许昌" },
                new CityInfo() { CityId = 6, CityName = "开封" },
                new CityInfo() { CityId = 7, CityName = "巩义" }
};
            //StringBuilder sb = new StringBuilder();
            //sb.Append("[");
            //foreach (var CityInfo in cities)
            //{
            //    sb.Append("{");
            //    sb.AppendFormat("\"CityId\":\"{0}\",\"CityName\":\"{1}\"", CityInfo.CityId,CityInfo.CityName);
            //    sb.Append("},");
            //}
            //string str = sb.ToString().TrimEnd(',');
            //str += "]";




            System.Web.Script.Serialization.JavaScriptSerializer javaScriptSerializer = new System.Web.Script.Serialization.JavaScriptSerializer();
            string json = javaScriptSerializer.Serialize(cities);
            context.Response.Write(json);
        }


        public bool IsReusable
        {
            get
            {
                return false;
            }
        }
        public class CityInfo
        {
            public string CityName { get; set; }
            public int CityId { get; set; }
        }
    }
}
后台模板学习
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
ajax的post请求方式,ajax的post请求方式
weixin_42519733的博客
08-06 5024
String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>This is my JSP pagediv{border: 1px solid red;width:...
vue三种ajax请求方式,vue请求数据的三种方式
weixin_28933797的博客
08-05 3541
请求数据的方式：vue-resource 官方提供的 vue的一个插件axiosfetch-jsonp一，vue-resource请求数据介绍：vue-resource请求数据方式是官方提供的一个插件使用步骤：1、安装vue-resource模块cnpm install vue-resource --save加--save是为了在package.json中引用，表示在生产环境中使用。因为我们在日常...
js ajax 请求方式,ajax的请求方式有哪些？ajax常用的4种请求方式详解
weixin_35999626的博客
08-05 1743
本篇文章主要的向大家介绍了关于ajax的4种常用的请求方式，现在让我们一起来看看是哪四种吧1.$.ajax()返回其创建的 XMLHttpRequest 对象。$.ajax() 只有一个参数：参数 key/value 对象，包含各配置及回调函数信息。详细参数选项见下。如果你指定了 dataType 选项，请确保服务器返回正确的 MIME 信息，(如 xml 返回 "text/xml")。实例：保存...
ajax请求有几种,ajax请求有哪几种方式?
weixin_33641311的博客
08-05 2044
1. get() 方法通过远程 HTTP GET 请求载入信息。// 1.创建var ajax = new XMLHttpRequest();// 2设置ajax.open('get', '01.Ajax_get.php');// 3.发送ajax.send();// 4.状态事件ajax.onreadystatechange = function() {if (ajax.readyState =...
Ajax 请求的三种写法
Nick.Peng's Blogs
09-20 7171
Ajax 请求简介： Ajax即“Asynchronous Javascript And XML”（异步 JavaScript 和 XML），是指一种创建交互式网页应用的网页开发技术 ajax技术的目的： 是让js发送http请求，实现与服务端通信，即数据交互 ajax的两个主要好处： 异步请求 局部刷新（无刷新） 数据接口： 数据接口是后台提供的...
AJAX的四种实现方式
weixin_44307094的博客
12-03 2217
AJAX的概念 ASynchronous JavaScript And XML 异步的JavaScript 和 XML 1. 异步和同步：客户端和服务器端相互通信的基础上 * 客户端必须等待服务器端的响应。在等待的期间客户端不能做其他操作。 * 客户端不需要等待服务器端的响应。在服务器处理请求的过程中，客户端可以进行其他的操作。 Ajax 是一种在无需重新加载整个网页的情况下，能够更新部分网页的技术。 [1] 通过在后台与服务器进行少量数据交换，Ajax 可以使网页实现异步更新。这意味着可以在不重
ajax带cookies请求的两种方式
m0_57825493的博客
11-17 1831
【代码】ajax带cookies请求的两种方式。
ajax请求有多少种写法,Ajax 请求的三种写法
weixin_33433927的博客
08-05 2284
Ajax 请求简介：Ajax即“Asynchronous Javascript And XML”(异步 JavaScript 和 XML)，是指一种建立交互式网页应用的网页开发技术javascriptajax技术的目的：是让js发送http请求，实现与服务端通讯，即数据交互ajax的两个主要好处：异步请求局部刷新(无刷新)数据接口：数据接口是后台提供的，是一个url地址，经过访问该url，实现对...
ajax请求传递参数的方式,Ajax请求 一般处理程序参数传递的几种方式
weixin_42513616的博客
08-05 3954
//第一种Ajax请求$.ajax({type:"GET", //请求类型，有get,post等类型，和表单提交是一样的url:"Result.aspx", //请求处理的页面,就是说由那个页面捕获请求，同样这个路径可以换成ashx，一般处理程序data: "name=John&location=Boston", //传递参数，实在就是(Result.aspx?name=John&a...
JQuery中的Ajax请求方式
YCQNB_的博客
02-27 2114
1.了解jQuery中的Ajax 在浏览器中提供了XMLHttpRequest用法比较复杂，因此jQuery对XMLHttpRequest进行了封装，提供了一系列Ajax相关的函数，降低了Ajax的使用难度，提高了工作中的工作效率 2.$.get()函数 1.jQuery中的$.get()函数专门用来发起get请求,从而将服务器上的资源请求到客服端进行使用 $.get()函数的语法格式 $.get(url,[data],[callback]) url：要请求的资源地址 data:请求资源期间要
C# 如何使用ajax请求
08-18
C# 如何使用ajax请求 C# 使用ajax请求是指在C# 项目中使用ajax技术来实现异步更新网页的内容。ajax即“Asynchronous Javascript And XML”（异步JavaScript 和 XML），是指一种创建交互式、快速动态网页应用的网页...
jquery实现Ajax请求的几种常见方式总结
10-16
主要介绍了jquery实现Ajax请求的几种常见方式,结合实例形式总结分析了jQuery实现ajax请求常用的load()、post()、get()及Ajax()方法相关操作技巧,需要的朋友可以参考下
四步轻松实现ajax发送异步请求
10-19
主要教大家轻松实现ajax发送异步请求，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
jQuery中ajax的4种常用请求方式介绍
12-02
本文将详细介绍jQuery中四种常用的AJAX请求方式。 首先，$.ajax()是最全面的AJAX请求方法，它返回一个XMLHttpRequest对象。这个方法接收一个设置参数的对象，包含请求类型、URL、数据类型、数据等配置项。例如，...
实例详解Android Webview拦截ajax请求
08-28
通过这种方式，我们就可以截获 Ajax 请求，并实现统一的网络请求管理、Cookie 同步、证书校验、访问控制等功能。 * Android Webview 拦截 Ajax 请求 * JavaScript Bridge：DSBridge * HTTP 请求库：Fly.js * ...
pillow_heif-0.17.0-pp39-pypy39_pp73-macosx_14_0_arm64.whl
07-27
基本介绍 名称与起源：Pillow，原名为PIL（Python Imaging Library），但PIL只支持Python 2版本。随着Python 3的普及，Pillow作为PIL的一个分支出现，兼容Python 3并提供更多的功能和改进。 主要功能：Pillow支持多种图像格式的打开、保存、显示以及基本的图像操作和处理，如裁剪、缩放、旋转、翻转、滤镜应用等。 跨平台性：Pillow库可以在不同的操作系统上运行，包括Windows、Linux和MacOS等。 主要功能模块 Pillow库包含多个功能模块，每个模块都提供了特定的图像处理功能。以下是一些常用的模块： Image：用于处理图像文件，提供打开、保存、调整大小、旋转、裁剪、滤镜等功能。 ImageDraw：提供在图像上绘制各种形状（如线条、矩形、圆形）和文本的功能。 ImageFont：用于加载和使用TrueType字体文件，以便在图像上绘制文本时设置字体样式、大小和颜色。 ImageFilter：提供各种滤镜效果，如模糊、锐化、边缘增强等，用于图像增强、特效处理和图像识别等应用。 ImageEnhance：用于调整图像的亮度、对比度、颜色饱和度等参数，使图像更加清晰、明亮或具有特定的调色效果。 高级功能 除了基本的图像处理功能外，Pillow还支持一些高级功能，如色彩空间转换、直方图均衡化等。这些功能可以帮助用户进行更复杂的图像处理和分析。
cykooz.resizer-3.0.0-cp310-cp310-macosx_11_0_arm64.whl
07-27
python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！ python库，可以直接安装使用，再也不怕自己pip下载，出现等待超时的现象。欢迎下载使用，使用过程中如有使用问题，请及时与我沟通交流，帮你解决！
[毕设]Delphi题库管理与试卷自动生成系统.zip
最新发布
07-27
[毕设]Delphi题库管理与试卷自动生成系统
131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+图像识别与定位+该数据集相关的研究论文
07-27
<项目介绍> 包含131 种水果、蔬菜和坚果的 90380张的高质量图像数据集+该数据集相关的研究论文。可供深度学习图像识别与定位。 - 训练集大小：67700 个图像 测试集大小：22888 个图像 文件名格式：image_index_100.jpg（例如 32_100.jpg）或 r_image_index_100.jpg（例如 r_32_100.jpg）或 r2_image_index_100.jpg 或 r3_image_index_100.jpg。 “r”代表旋转水果。 “r2”表示水果绕第三轴旋转。 “100”来自图像尺寸（100x100 像素）。 水果是如何拍摄的: 1:使用 C920 摄像机拍摄水果。最好的网络摄像头之一。 2:在水果后面，我们放了一张白纸作为背景。 3:将水果和蔬菜种植在低速电机（3转/分钟）的轴中，并录制一段20秒的短片。 下载后请首先打开README.md文件（如有），仅供学习参考, 切勿用于商业用途。 --------
ajax的请求方式有哪些
07-27
Ajax的请求方式有以下几种： 1. GET：从服务器获取数据。GET请求是最常见的请求方式，通过URL参数将数据发送给服务器，并从服务器获取响应。 2. POST：向服务器提交数据。POST请求将数据作为请求体发送给服务器，...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值