html能否使用Jquery.Ajax调用互联网上的接口?

html-css06

html能否使用Jquery.Ajax调用互联网上的接口?,第1张

接口通常都是由开发者设定的,返回规则也是由开发者进行定制,一般得到授权的用户都会得到开发者提供的请求格式,然后用户根据自己需求来进行数据提取,但是,请求返回的数据也是由开发商定制的规则来限制的,也就是说,html可以用开发者提供的请求地址来进行AJAX请求。虽然说可以自己选择使用js还是jquery。但是主要请求格式仍然是开发者定制的返回规则。

不能变更的是:接口请求地址,接口url参数名,必须传递的参数必须给它传回去,这样服务器才会响应你的请求,服务器一般会返回json格式的数据给你进行调用。每个接口都有自己的开发手册,主要是介绍:请求格式说明、返回值说明、参数说明等。

HTML5中可以通过localStorage数据与JSON对象的转换,快速实现存储更多数据的功能。

将localStorage数据转成JSON对象,需要调用JSON对象的parse()方法,JSON.parse(data)。其中data就是localStorage对象获取的数据,调用该方法将返回一个装载data数据的JSON对象。

通过stringify()方法,将一个实体对象转换为JSON格式的文本数据,JSON.stringify(obj)。obj表示任意一个实体对象,该方法返回一个由实体对象转成JSON格式的文本数据集。

下例所示:

function addStu(){

var sno=$$("sno").value,

name=$$("name").value,

sex=$$("sex").value,

score=$$("score").value

//声明一个实体对象,将学生的信息当作对象的成员

var

dataSet=new Object

dataSet.sno=sno

dataSet.name=name

dataSet.sex=sex

dataSet.score=score

//把dataSet这个对象转换成JSON格式的文本数据

var

list=JSON.stringify(dataSet)

localStorage.setItem(sno,list)

getlocalData()

}

function getlocalData(){

var addInfo=""

for(var i=0i

var key=localStorage.key(i)

//把json格式的字符串转换成JSON对象

var

dataSet=JSON.parse(localStorage.getItem(key))

addInfo+="

"+dataSet.sno

+""+dataSet.name

+""+dataSet.sex

+""+dataSet.score

+""

$$("allInfo").innerHTML=addInfo

}

}

引用jquery,有很方便的GET调用方法:

<!DOCTYPE html>

<html>

<head>

    <meta http-equiv="content-type" content="text/html charset=UTF-8">

    <meta name="viewport" content="width=device-width, initial-scale=1">

    <!-- src值为文件位置路径 -->

    <script type="text/javascript" charset="UTF-8" src="javascript/jquery-1.12.1.js"></script>

    <title>测试案例</title>

    <!-- 语法:jQuery.getJSON(url,data,success(data,status,xhr)) -->

    <script type="text/javascript" charset="UTF-8">

        function getToken(){

            $.getJSON("http://localhost/kdapi/api/access_token", {"id":111,"secret":2352532}, function(result){

                alert(result.access_token)

            })

        }

    </script>

</head>

<body>

    <button onclick="getToken()" style="width: 120px height: 60px">获取Token</button>

</body>

</html>