Json提交方式

Json提交方式不是简单地json提交,它属于AJAX里面的一种;
getJSON提交方式,一般由多个参数而组成;
url:发送请求地址;
data:待发送Key/value参数;
callback:载入成功时回调函数;
它是通过HTTP GET请求载入JSON数据。
在 jQuery 3.2.1中,可以通过使用JSONP形式的回调函数来加载其他网域的JSON数据,如 “myurl?callback=?”。jQuery 将自动替换 ? 为正确的函数名,以执行回调函数。
注意:此行以后的代码将在这个回调函数执行前执行。
jQuery.AJAX通过HTTP请求加载远程数据。jQuery底层AJAX实现,简单易用的高层实现 . g e t , .get, .get,.post等。
jQuery代码事例:
$(function () {
//这是发送请求地址/Json/demo
$.getJSON("/Json/demo", function (data) {
console.log(data);
// 控制器查询data里面的数据,会把数据发送在,控制器当中
console.log(typeof (data));
var jsObj = JSON.parse(data);
//将json字符串解析为JS对象
console.log(jsontxt.employees[0].firstName);
});
控制器代码查询:
// GET: Json
//控制器名称
public ActionResult demo()
{
string str1 = “{“employees”: [{ “firstName”: “Bill”, “lastName”: “Gates” },{ “firstName”: “George”, “lastName”: “Bush” },{ “firstName”: “Thomas”, “lastName”: “Carter” }]}”;
//控制器字符串设定,用数组的方式列出数据;
//return Content(str);
return Json(str1, JsonRequestBehavior.AllowGet);
//最后返回数据
}

jQuery插件

页面事例图:在这里插入图片描述
最后在控制器中输入代码事例,把数据写入控制台中;
代码事例图:Json提交方式_第1张图片
控制器 . g e t J S O N ( ) 提 交 方 法 代 码 事 例 , 控 制 器 代 码 , 这 是 数 据 代 码 , 来 查 看 g e t J S O N 提 交 方 法 方 式 , 在 .getJSON()提交方法代码事例,控制器代码 ,这是数据代码,来查看getJSON提交方法方式,在 .getJSON()getJSON.getJSON()方法中,嵌套这另一个方法 . e a c h ( ) 方 法 , 这 个 方 法 有 自 增 效 果 , 把 所 有 数 据 书 写 出 来 , 一 般 这 个 提 交 方 式 在 下 拉 框 中 有 效 果 , 把 数 据 全 写 入 下 拉 框 中 , 用 来 查 询 所 有 数 据 名 称 ; 查 询 所 有 员 工 数 据 , 根 据 上 面 的 数 据 所 显 示 可 观 察 出 ; 这 就 是 简 单 的 介 绍 了 .each()方法,这个方法有自增效果,把所有数据书写出来,一般这个提交方式在下拉框中有效果,把数据全写入下拉框中,用来查询所有数据名称; 查询所有员工数据,根据上面的数据所显示可观察出; 这就是简单的介绍了 .each().getJSON()方法,实现数据查询,查询出数据,然后再查询多条数据信息;
$.ajax({
type: “POST”,
//type:(默认: “GET”) 请求方式 (“POST” 或 “GET”), 默认为 “GET”。
url: “地址”,
//url:发送请求的地址。
data: “”,
success: function(msg){
}
});
这是ajax方法,更加详略的介绍;
作者:zc

你可能感兴趣的:(Json提交方式)