手机号码查吉凶_获取第三方 json 格式数据| 学习笔记

简介: 快速学习手机号码查吉凶_获取第三方 json 格式数据。

开发者学堂课程【Ajax 前端开发入门与实战手机号码查吉凶_获取第三方 json 格式数据】学习笔记,与课程紧密联系,让用户快速学习知识。

课程地址:https://developer.aliyun.com/learning/course/595/detail/8557


手机号码查吉凶_获取第三方 json 格式数据


获取服务器的场景

前端界面需要获取服务器相关数据

image.png 

服务器相关数据有几种情况:

1、如果获取的是自己的服务器数据,通过 ajax1234 四个步骤来进行。

2、访问第三方接口,由于同源策略的限制是不能通过 ajax 进行访问的,如果第三方接口提供的是 jsonp 格式,就可以通过动态创建 scrip 标签的方式访问获取数据。 

3、依然访问第三方接口,但第三方接口是 json 格式的字符串,并不是方法调用。

image.png

而动态创建 scrip 标签的本质是由于服务器返回一个方法调用,通过方法调用得到参数中具体的数据,这时候跨域是不好用的。

所以可以借助于自己服务器,自己服务器使用的是 php,jsp 后台开发语言,不受开发语言限制,前端界面通过 ajax 四个步骤访问到自己服务器接口某一个地址后,php 或者 jsp 通过相关代码访问第三方接口,将相关数据返回给前端界面。

例如:创建一个新的文件(getphoneinfo.php)来进行第三方接口的调用:

<?php

//在 php 中,获取一个链接中的数据

//设置编码

header( "content-Type: text/plain; charset=utf-8");

//使用 curl 进行随络数据访问

$ch = curl_init();

//网络访问的 url 地址

$url = "http: //xxx";

curl_setopt($ch,CURLOPT_RETURNTRANSFER,1);

//执行 HTTP 请求

curl_setopt($ch , CURLOPT_URL , $url);

//得到数据

$res = curl_exec($ch);

echo $res;

?>

主要通过

$ch = curl_init();

来创建对象,通过对象设置 url 访问 url 所对应的数据得到相关结果后 echo 到前端界面。

根据3 要进行相关的变化,这里 url是 apicloud.mob.com/appstore/lucky/mobile/query?key=216e720443bb8&mobile=13816863588  

这里“13816863588”需要进行动态变化,由前端界面传递过来,所以:

$phoneNumner = $_GET[ "mobile"];

$phoneNumner 放在 mobile=字符串的后边,做一个字符串拼接。

php 中字符串拼接是通过.的方式进行连接的,php 中不管是变量的声明还是变量的使用都必须跟上 $ 符号。

在前端界面中访问的是自己服务器地址:url: "./server/getphoneinfo.php"这时候也需要传递一个参数,通过 get 的方式获取到用户输入的手机号码所以在前端界面将手机号码传递过去,将 jsonp 改为 json 

$.ajax({

url: "./server/getphoneinfo.php",

data: {mobile:phoneNumber},

dataType: "json",

success: function(data){

console.log(data);

}

然后验证能不能通过这种方式获取到数据:

打开界面输入13911111111查询没有输出,出现报错:

image.png

Fatal error: Call to urdefined function curl_init()不能调用curl_init()方法。 

这时候在 php 代码中打开 php 中的 php.ini 的配置文件,输入  curl_init 字符串查找出后将字符串前的:去掉,完成后将服务重启。

重新查询得到正确的数据:“遇吉则吉;遇区侧凶,惟靠谨慎,逢凶化吉 凶"需要将数据显示在标签当中,在前端界面中写入 

var info =data.result.conclusion;

然后通过

document.querySelector( " #tresult")JinnerHTML = info;

放到 span 标签中,保存运行查询结果就显现出来了。

如果少输入手机号码位数就会出现手机号码错误,对于这种情况需要做条件判断,如果 retCode = 200 代表手机号码是获取成功的,所以:

if(data.retCode==200){

var info = data.result.conclusion;

documentL querySelector("tresult").innerHTML = info;

}

如果用户做了错误的操作:写入

else {

document.querySelector( " #tresult").innerHTML =“

出现信息获取失败,请检查输入“;

相关文章
|
XML JSON fastjson
企业微信通讯录回调模板-XML转JSON-让回调不再难!
企业微信通讯录回调模板-XML转JSON-让回调不再难!
511 0
|
17天前
|
JSON API 数据格式
淘系等商品评论Json数据格式参考,API接口测试
通过以上示例和说明,你可以了解淘系商品评论的JSON数据结构和如何使用相关API接口获取评论数据。在实际操作中,你需要参考具体的API接口文档和开放平台的相关说明进行配置和调用。
|
2月前
|
存储 JSON 安全
商品详情(item getAPI接口)json数据格式参考
某东商品详情(item get API接口)的JSON数据格式参考如下
|
2月前
|
JSON API 数据格式
店铺所有商品列表接口json数据格式示例(API接口)
当然,以下是一个示例的JSON数据格式,用于表示一个店铺所有商品列表的API接口响应
|
3月前
|
JSON API 数据格式
商品详情数据JSON格式示例参考(api接口)
JSON数据格式的商品详情数据通常包含商品的多个层级信息,以下是一个综合多个来源信息的JSON数据格式的商品详情数据示例参考:
|
6月前
|
JSON 文字识别 数据格式
文本,文识11,解析OCR结果,paddOCR返回的数据,接口返回的数据有code,data,OCR返回是JSON的数据,得到JSON数据先安装依赖,Base64转换工具网站在21.14
文本,文识11,解析OCR结果,paddOCR返回的数据,接口返回的数据有code,data,OCR返回是JSON的数据,得到JSON数据先安装依赖,Base64转换工具网站在21.14
文本,文识11,解析OCR结果,paddOCR返回的数据,接口返回的数据有code,data,OCR返回是JSON的数据,得到JSON数据先安装依赖,Base64转换工具网站在21.14
|
8月前
|
JSON 网络安全 PHP
WordPress上传图片错误:不是合法的JSON响应
最近在迁移WordPress到新服务器时遇到一个问题,就是在编辑文章上传图片时,会报错:此响应不是合法的JSON响应,经过多方验证,最后得出结论,是由于php的一些模块没有开启的原因,下面就详细讲一下,php安装后应该开启哪些模块及开启方法。
183 0
|
JSON Java fastjson
行政区信息_JSON 解析|学习笔记
快速学习行政区信息_JSON 解析
184 0
行政区信息_JSON 解析|学习笔记
|
JSON 前端开发 Java
手机号码查吉凶_获取第三方 json 格式数据| 学习笔记
快速学习手机号码查吉凶_获取第三方 json 格式数据。
手机号码查吉凶_获取第三方 json 格式数据| 学习笔记
|
XML JSON 数据格式
记录python爬某文化交易遇到的问题xml转json读出单个数据
记录python爬某文化交易遇到的问题xml转json读出单个数据
123 0
记录python爬某文化交易遇到的问题xml转json读出单个数据