html5_ajax 请求接口ashx的方式

最新推荐文章于 2024-01-05 10:03:08 发布

原创最新推荐文章于 2024-01-05 10:03:08 发布 · 1.2k 阅读

1 ·

本内容遵循CC 4.0 BY-SA版权协议

html5 专栏收录该内容

232 篇文章

订阅专栏

这篇博客展示了如何使用HTML5的Ajax技术，结合jQuery库，发起POST请求到一个ASHX处理程序来获取数据。在示例中，当文档加载完成时，会调用ajax_NeiUser函数，该函数通过指定URL、HTTP方法、数据类型和发送的数据，与服务器进行交互。如果请求成功，数据将在控制台打印；失败时，则显示错误信息。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	 <script src="../Script/jquery-1.12.4.min.js" type="text/javascript"></script>
	 <script type="text/javascript">
	 		  $(document).ready(function () {
            
                ajax_NeiUser(); // 获取内网的数据
                
                
           
             
        });
	 	 function ajax_NeiUser(){ //获取内网数据
          
             $.ajax({
                url: "http://localhost:55359/WXUserService.ashx",
                type: "POST",
                dataType: "json",
                data: {
                    "ControllerName": "WXGZ",
                    "ActionName": "GetUserInfoOrMM",
                    // "CrDate": dataCrDate,
                    // "Code":dataCode
                },
                success: function (data) {
                   console.log(data);
                       
                   

 
                },
                error: function (XMLHttpRequest, textStatus, errorThrown) {
                   // alert('cc');
                    console.log("访问接口出错");
                }
            });
        }	  
	 </script>
</head>
<body>
	
</body>
</html>

这是我的本地的测试自己写的请求微信接口的请求