学习jQuery框架获取数据的几种基础方式

时间:2024-04-02 15:29:29
开发工具与关键技术:Visual Studio  jQuery
作者:李明润
撰写时间:2019年4月8日

jQuery框架是JavaScript的一个函数库,JavaScript的功能jQuery大多都包含,并且jQuery包含的功能更多更丰富。
也就是说jQuery其实就是对JavaScript的功能进行封装,使代码更简洁,使用更方便,更容易理解,可以大大提高效率,
在掌握jQuery的同时也要掌握原生JavaScript,因为还有一些功能是需要到原生的JavaScriptde的
如果我们把数据库的数据查询出来并显示到页面,那我们可以先考虑这几种jQuery的方法
该过程的实现过程
一, 在控制器写查询数据的方法
二, 在页面布局的代码页,用jQuery的方法去请求控制器的方法
三, 最后输出

我目前所学到的jQuery请求数据的方法大概有一下三种;
(1)post方法
(2)get方法
(3)getJson方法
一,post方法
jQuery.post()以POST方式从服务器发送数据
语法:jQuery.post(url, [data], [callback], [type])
描述:通过远程 HTTP POST 请求载入信息。
这是一个简单的 POST 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。
如果需要在出错时执行函数,请使用 $.ajax。
参数说明:
url:发送请求地址。
data:待发送 Key/value 参数。
callback:发送成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
学习jQuery框架获取数据的几种基础方式
二,get方法
jQuery.get()以GET方式从服务器获取数据
语法:jQuery.get(url, [data], [callback], [type])
描述:通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数。
如果需要在出错时执行函数,请使用 $.ajax。
参数说明:
url:待载入页面的URL地址
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
type:返回内容格式,xml, html, script, json, text, _default。
学习jQuery框架获取数据的几种基础方式
三,getJson方法
jQuery.getJSON()的异步加载
语法:jQuery.getJSON(url, [data], [callback])
描述:通过 HTTP GET 请求载入 JSON 数据。
参数说明:
url:发送请求地址。
data:待发送 Key/value 参数。
callback:载入成功时回调函数。
学习jQuery框架获取数据的几种基础方式
我们仔细看一下这三种方法的写法,几乎但是一模一样的,好像只是方法的名称不一样
,其他的代码好像都是一样的,这样是否可以封装成一个方法呢,在此我还没搞会(还不是很熟悉),
因此还不能进行正确的封装。这三种请求方法的描述中有两种提到ajax,但ajax我还是不会,因此说不了,下次总结再说。

这三种方法在我现在写的这篇文章中是请求控制器数据的作用,但是他们在别的地方的用处可能是不一样的,
有可能是请求页面获取数据,也有可能是提交数据
三种方法写好了,请让我们看一下效果。
查询方法
学习jQuery框架获取数据的几种基础方式
页面数据显示(只演示一种方法哦)
学习jQuery框架获取数据的几种基础方式
我上面所写的查询有三种的基础查询,请求方法的写法也是基础的,
没有进行更多复杂的写法,复杂的写法我也很期待。
告诉你们哦。这里面的代码是有一个小bug的哦,但不是查询方法和数据显示能不能出来的问题,有兴趣的希望你能自己动手来自己解决问题,不管是我这的还是你那的问题,都希望你们能自己解决,我现在也在处理这个bug

相关文章