2021-06-07

$.Ajax()方法的调用

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

开发工具与关键技术：vs jq

作者：

撰写时间：5.28～6.8

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

• 实现功能

通过$.Ajax()方法从控制器中获取数据以及将表单通过$.Ajax()的方法从控制器中提交数据

代码如下：如图一，通过$.Ajax()获取数据

                                       图一

 

通过type选择post/get请求方法，我利用post()方法从控制台请求数据，将数据通过url()规定把请求发送到图二：

图二：接收地址

datatype规定预期的服务器响应的数据类型。默认执行智能判断（xml、json、script 或 html）。

Success回调函数 利用data接收储存的数据图三：

 

图三：控制台输出

最后点击$.Ajax()按钮将捕获的数据绑定到页面上效果如图四：

 

图四

 

• 通过$.Ajax()的方法从控制器中提交数据
• 

代码如图五：

 

 

除此之外还有$.get()方法、$.post()方法可以从控制台获取到数据并提交；

 

 

三、AJAX简介

AJAX 并不是一种新的编程语言，而仅仅是一种新的技术，它可以创建更好、更快且交互性更强的 web 应用程序。

AJAX 使用 JavaScript 在 web 浏览器与 web 服务器之间来发送和接收数据。

通过在幕后与 web 服务器交换数据，而不是每当用户作出改变时重载整个 web 页面，AJAX 技术可以使网页更迅速地响应。

AJAX 基于以下开放的标准：

• JavaScript
• XML
• HTML
• CSS

在 AJAX 中使用的开放标准被良好地定义，并得到所有主要浏览器的支持。AJAX 应用程序独立于浏览器和平台。（可以说，它是一种跨平台跨浏览器的技术）。