微信扫一扫8.5w+
社区成员
js ajax调用API问题
我想用AJAX调用一个接口地址，传回来的数据显示在页面上，但是一直报错，哪位可以帮忙看一下吗，多谢。
代码是要怎么写，谢谢
下面是页面代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="webtest.WebForm4" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="./scripts/jquery.min.js"></script>
<script type="text/javascript">
function RequestBy(code) {
//var url = 'http://q.stock.sohu.com/hisHq?code=cn_300450&start=20171120&end=20171131&stat=3&order=D&period=d&callback=?&rt=jsonp';
var url = 'http://q.stock.sohu.com/hisHq?code=cn_300450&start=20171120&end=20171131&stat=3&order=D&period=d&callback=?';
$.ajax({
type: "get",
async: false,
url: url,
// cache: false,
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "historySearchHandler",
success: function (data) {
document.getElementById("data").innerHTML = data;
alert("success");
},
error: function (xhr, status, statusText) {
alert(xhr.status);
alert(statusText);
alert(xhr);
document.getElementById("data").innerHTML = statusText;
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="One" type="button" value="JsCallWebService" onclick="RequestBy()" />
</div>
<div id="data">
</div>
</form>
</body>
</html>
代码是要怎么写，谢谢
下面是页面代码
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm4.aspx.cs" Inherits="webtest.WebForm4" %>
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script src="./scripts/jquery.min.js"></script>
<script type="text/javascript">
function RequestBy(code) {
//var url = 'http://q.stock.sohu.com/hisHq?code=cn_300450&start=20171120&end=20171131&stat=3&order=D&period=d&callback=?&rt=jsonp';
var url = 'http://q.stock.sohu.com/hisHq?code=cn_300450&start=20171120&end=20171131&stat=3&order=D&period=d&callback=?';
$.ajax({
type: "get",
async: false,
url: url,
// cache: false,
dataType: "jsonp",
jsonp: "callback",
jsonpCallback: "historySearchHandler",
success: function (data) {
document.getElementById("data").innerHTML = data;
alert("success");
},
error: function (xhr, status, statusText) {
alert(xhr.status);
alert(statusText);
alert(xhr);
document.getElementById("data").innerHTML = statusText;
}
});
}
</script>
</head>
<body>
<form id="form1" runat="server">
<div>
<input id="One" type="button" value="JsCallWebService" onclick="RequestBy()" />
</div>
<div id="data">
</div>
</form>
</body>
</html>
...全文
当前发帖距今超过3年，不再开放新的回复
发表回复
遥远的想念 2017-11-30
jsonp跨域的话只支持get请求，不然肯定执行失败的。可以参考下面的几个例子http://blog.csdn.net/u014607184/article/details/52027879
- 打赏
- 举报
GoCityPass新加坡曼谷通票 2017-11-27
跨域了，要在服务器端做，别人接口又不支持jsonp，你传递callback没毛用。。
或者自己看这个，用yql转为jsonp
JSONP跨域访问在线代理API
- 打赏
- 举报
html5页面中通过ajax调用接口,js中通过ajax调用网上接口 笑话#box{width: 100%;display: flex;justify-content: space-between;}#box>div{width: 30%;height: 600px;overflow: auto;border: 1px solid;border-radius: 10px;display: flex;flex-direction: column;...
ajax 对接口,ajax访问api接口 ajax访问api接口 内容精选换一换访问控制策略是API网关提供的API安全防护组件之一，主要用来控制访问API的IP地址和帐户，您可以通过设置IP地址或帐户的黑白名单来拒绝/允许某个IP地址或帐户访问API。访问控制策略和...
js运用Ajax从php中取值,JS Ajax调用PHP并获取ajax调用数据 我有一个标准的javascript ajax调用,其中将data：设置为json数据.$.ajax({type: "POST",url: BaseUrl + "User/Login",//url: BaseUrl + "User/Limit/1/2",data: '{"apiKey":"c7089786-7e3a-462c-a620-d85031f0c826",...
asp.net ajax 调用后台方法,asp.net core 通过ajax调用后台方法（非api） java 中使用ajax调用后台方法注意事项 java 中使用ajax调用后台方法注意事项,后台方法一定要加@ResponseBody jQuery.validator.addMethod("checkRuleName",fu ... Asp.net中JQuery、ajax调用后台方法总结 通过上一...
ajax对接接口属性,ajax调用restful接口 ajax调用restful接口 内容精选换一换ROMA API提供了API服务能力，通过API服务把后端服务封装成标准RESTful格式API，并开放给其他用户使用。目前支持三种创建服务方式：创建API服务创建一个简单的服务，不包含API，...
js如何去调用java接口,JS 是如何调用本地 API 的？ Cordova 应用基于 Webview，所以后台代码和 js 交互都是基于 Webview(Webkit)的接口的。Android：WebView(WebKit-based) WebView(4.4 Chromium-based) Updatable-WebViews(5+) @JavascriptInterface/WebView#...
用ajax异步调用阿里云api方法 调用阿里云购买的的api时是需要身份验证的他是写在请求头的所以要在请求头添加参数 “Authorization”, "APPCODE " +“AppCode(在订单里复制)” 这样就可以了 直接上代码 小白写错了 评论指出来 <!DOCTYPE ...
ajax 跨域访问web api,web api 解决Ajax请求跨域问题 前端ajax请求接口时，经常出现跨域问题，当然了解决方法有很多种，比如：我本人恰好前后端都会一点，所以直接在接口端处理。 我用的是mvc 开发的接口 可以在web API 的根目录添加一个属性就OK了。 代码如下：public ...
html5 调用原生api,原生js简单调用百度翻译API实现的翻译工具 先来个在线demo:或者百度搜索js简单调用百度翻译API工具(不过有个小小的界面显示bug,我想细心的人应该会发现)或者直接前往该网址:js翻译工具在说之前,先友情提示一下,由于本人审美有问题,所以界面很不美观,不过我...
ajax中调用js文件中变量,js Ajax跨域调用JSON并赋值全局变量 //跨域调用JSONfunction _callback(obj){...}jQuery(document).ready(function(){$.ajax({type : "get",async:true,url: "http://www.xxx.com/api/token/getcode",dataType : "jsonp",jsonp: "callbackparam",//...
java调用js api,使用Java脚本调用外部API I need to make a POST request to an external server from my webpage using Javascript. The body and response are both json. I can't figure out how to make this call or what tools to use. How do I make ...
vue中如何调取api_如何在Vue.js中构建api调用？ 我使用axios作为HTTP客户端进行api调用，我在src文件夹中创建了一个gateways文件夹，我为每个后端创建了文件，创建了axios instances，如下所示myApi.jsimport axios from 'axios'export default axios.create({...
js ajax通用方法,目前5个流行的AJAX调用JavaScript库 在这篇文章中，我们将看一些用于进行AJAX调用的最好的JavaScript库，包括jQuery，Axios和Fetch。AJAX是由客户端框架和库用来对服务器进行异步HTTP调用的一组Web开发技术。 AJAX代表异步JavaScript和XML。 AJAX曾经是...
wcf简单教程(10) ajax调用,JQuery Ajax调用WCF实例以及遇到的问题 1.遇到的最多的问题就是跨域问题，这个时间需要我们添加如下代码解决跨域的问题第一步：在服务类加Attribute[AspNetCompatibilityRequirements(RequirementsMode = AspNetCompatibilityRequirementsMode.Allowed)]第...
js 调用天气api ajax,[每天进步一点点~] js、jquery调用接口获取天气 天气.weather-list {width: 100%;/*margin-top: 15px;*//*font-size: 12px;*/background-color: pink;}.weather-list ul {width: 20%;float: left;background-color: pink;}.weather-list ul li {text-align: center...
js原生 ajax封装 调用 以及提示功能的封装 1、ajax函数封装 /** * 对 ajax 请求的封装 */ const BASE_URL = 'http://13*.9.*7*.*1:****'; // 接口请求的 URL /** * 参数处理函数 */ function stringifyParams(params) { let str = '' for (let key in...
js请求php接口安全性,前端js的ajax 调用PHP写的API接口，如何卡主安全性，防止非法调用呢？... 由于API是为APP准备的，因此在WebAPP中使用ajax和api进行交互也不得不按照app与api交互时的使用习惯。在向api发出请求的时候，可能有两种情况，一种是用户登录，一种是未登录。无论哪一种情况，都可以采用下面的这种...
web ajax请求500,JavaScript如何进行AJAX调用和请求 JavaScript如何进行AJAX调用和请求发布时间：2021-06-23 13:57:46来源：亿速云阅读：77作者：chen本篇内容主要讲解“JavaScript如何进行AJAX调用和请求”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，...
