jquery中的ajax方法请求后台数据

首先要插入jQuery.js文件,我这里用的是2.2.4版本,也可以用最新的3.1版本

案例

提前和后台沟通好对应的网址接口,我这里是用node.js写的后台,同时因为保存在本地,所以协议名和域名省略了;

urlObj是网址对象,pathname是路径,不过这个和咱们内容没有关系,可以省略,只需要看接口是什么就可以了,

从上图看我们的接口是ajaxData;,里面有var obj这个对象,对象里有price,我们要取这个9.8元这个值

下面是写法,48行是window.onloed=function(){}的jq简单写法,指的是页面加载完成后执行的函数

49行是简写的,全程为$(window).ajax()方法.,ajax网络获取;type是传输方法,有post和get;我们这里用get;

51行url是网址的接口; 如果需要往后台传值,则需要在52行里面写键值对传到后台;

53行将从后台请求过来的字符串解析对象

54行,是否异步执行,true是异步执行

55行,请求并且获取到返回的数据之后执行的函数操作,这里的参数data是从后台请求过来并且经过json解析完成的对象;可以通过console.log(data)检查;

57行,通过html方法将后台请求的对象中的一个price对插入对应位置

jquery中的ajax方法请求后台数据相关推荐

用JQuery中的Ajax方法获取web service等后台程序中的方法
用JQuery中的Ajax方法获取web service等后台程序中的方法 1.准备需要被前台html页面调用的web Service,这里我们就用ws来代替了,代码如下: using System; ...
ajax与后台php,怎么在thinkPHP5中使用ajax实现与后台数据交互
怎么在thinkPHP5中使用ajax实现与后台数据交互发布时间:2021-03-20 17:20:01 来源:亿速云阅读:87 作者:Leah 这篇文章给大家介绍怎么在thinkPHP5中使用a ...
ajax远程调用,jquery中的ajax方法怎样通过JSONP进行远程调用
关于JSONP的概念和为什么要使用JSONP网上已经有很多教程,这一节主要演示下在JQUERY中的ajax方法怎样通过JSONP进行远程调用首先介绍下$.ajax的参数 type:请求方式 GET/ ...
jquery中的ajax方法参数——$.ajax()方法详解
1.url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. 2.type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法, ...
JS中的Ajax发送请求获取数据流程
前言: JS两个常用的请求方法 [XMLHttpRequest() .fetch()] XMLHttpRequest() 的使用方法大致可以分为四步: 1.创建XMLHttpRequest的对象成员 ...
jquery中的ajax方法(备忘)
参考:https://www.cnblogs.com/tylerdonet/p/3520862.html w3school:http://www.w3school.com.cn/jquery/ajax ...
深入了解jquery中的ajax方法参数
url: 要求为String类型的参数,(默认为当前页地址)发送请求的地址. type: 要求为String类型的参数,请求方式(post或get)默认为get.注意其他http请求方法,例如put和 ...
jquery中的ajax 网络请求
最近把多年前的点滴知识整理分享出来,大家多多交流哈岁月如梭,不知是何时的整理了网易云[玩转大前端]课程 EDU配套教程 1.GET请求 1.1 get String 请求请求语法格式 /*** ...
Jquery中使用ajax请求SSM后台时提示：org.springframework.http.converter.HttpMessageNotReadableException: Could no
场景 Jquery中使用ajax向SSM后台请求数据时提示: org.springframework.http.converter.HttpMessageNotReadableException: C ...

jquery中的ajax方法请求后台数据

jquery中的ajax方法请求后台数据相关推荐

最新文章

热门文章