js中的post与get请求以及获取数据以及ajax

最新推荐文章于 2024-09-11 23:08:42 发布

图纸t

最新推荐文章于 2024-09-11 23:08:42 发布

阅读量5.3k

点赞数

CC 4.0 BY-SA版权

分类专栏：笔记

本文链接：https://blog.youkuaiyun.com/asdfghjkl110292/article/details/89064945

笔记专栏收录该内容

39 篇文章

订阅专栏

本文详细介绍了JavaScript中使用AJAX与Java Web应用程序进行数据交互的方法，包括GET和POST请求的具体实现方式，并展示了如何在Java后端处理这些请求。

1、get请求
js中请求时这样写的

$.get("/chosemenu/others", {menuid:selectvalue,ss:"hello"},function (dataother) {
})

然后controller中request中（webapi中）（Java的话也可以打印下request看下）

在这里插入图片描述
然后controller语句：

 var request = HttpContext.Current.Request;
 var ss = request.QueryString["ss"];
 var menuid = request.QueryString["menuid"];
 var ssg = request.QueryString[0];

2、post请求
js中：

let data = {};
data["hh"]="hello";
data["gg"]="ss";
$.post('/api/domenu', data, function (result) {        
})

同样可以打印下request
然后是controller获取数据

var request = HttpContext.Current.Request;
var hh= request.Form["hh"];
var gg=request.Form["gg"];
//var gg=request.Form[2];//或者同样可以用索引

3、ajax发送请求

（简易ajax）

$.ajax({
   type: "POST",
   url: "some.php",
   data: "name=John&location=Boston",
   success: function(msg){
     alert( "Data Saved: " + msg );
   }
});

$(document).ready(function () {
 var settings = {
                "async": true,
                "crossDomain": true,
                "url": "/api/changepdf",
                "method": "GET",
                "headers": {
                    "Content-Type": "application/x-www-form-urlencoded",
                    "cache-control": "no-cache",
                },
                "data": {  //给controller传送变量ss（值为ss）
                    "ss": "helloworld"
                }
            };
            $.ajax(settings).done(function (response) {
                alert(response);
                // console.log(response);
            });
     }）

controller:

 public string Get(string ss)
 {
 	return ss;
}