美文网首页
jquery ajax跨域拿到接口数据

jquery ajax跨域拿到接口数据

作者: 青木川_ | 来源:发表于2019-04-12 16:02 被阅读0次

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>接口</title>

    <script src="jquery-1.11.1.min.js"></script>

</head>

<body>

    <h6>获取接口的数据</h6>

    <script>

        $(function () {

            //跨域求接口的数据

            $.ajax({

                url: "http://www.jxntv.cn/data/jmd-jxtv2.html",

                //有些网站是可以通过这种方式跨域来获取数据的

                dataType: 'jsonp',

                jsonpCallback: 'list',

                type: 'post',

                // 下面的两行代码,就是解决跨域的关键

                xhrFields: { withCredentials: true },

                crossDomain: true,

                success: function (data)

                {

                    console.log(data);

                },

                error: function (responseText, textStatus, XMLHttpRequest) {

                    alert(textStatus);

                }

            });

        })

    </script>

</body>

</html>

但是有些网站是不可以跨域拿到的

此时,我们就要借助后台

<script>

        $(function () {

            //跨域求接口的数据

            $.ajax({

                type: "get",

                dataType: "text",

                url: "default.ashx",

                data: "url=http://120.198.124.121:8087/openlib/service/statis/sync/36?token=683a7f9b0dbbbf3034613f8bc91cae76-dae696f54063b47c58e24323c8f11ff4&libcode=%E2%80%98ZT%E2%80%99&rownum=7&starttime=2019/4/10&endtime=2019/4/11",

                success: function (data)

                {

                    console.log(data);

                },

                error: function (responseText, textStatus, XMLHttpRequest) {

                    alert(textStatus);

                }

            });

        })

    </script>

新建一个类文件:

HttpClient.cs

using System;

using System.Collections.Generic;

using System.IO;

using System.IO.Compression;

using System.Linq;

using System.Net;

using System.Text;

namespace 接口

{

    public class HttpClient

    {

        /// <summary>

        /// post请求

        /// </summary>

        public static string Post(string url, string postDataStr)

        {

            string result = "";

            HttpWebRequest request = (HttpWebRequest)WebRequest.Create(url);

            request.CookieContainer = new CookieContainer();

            //以下是发送的http头,随便加,其中referer挺重要的,有些网站会根据这个来反盗链 

            request.Referer = url;

            request.Accept = "Accept:text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8";

            request.Headers["Accept-Language"] = "zh-CN,zh;q=0.";

            request.Headers["Accept-Charset"] = "GBK,utf-8;q=0.7,*;q=0.3";

            request.UserAgent = "User-Agent:Mozilla/5.0 (Windows NT 5.1) AppleWebKit/535.1 (KHTML, like Gecko) Chrome/14.0.835.202 Safari/535.1";

            request.KeepAlive = true;

            //上面的http头看情况而定,但是下面俩必须加 

            request.ContentType = "application/x-www-form-urlencoded";

            request.Method = "POST";

            Encoding encoding = Encoding.UTF8;//根据网站的编码自定义 

            byte[] postData = encoding.GetBytes(postDataStr);//postDataStr即为发送的数据,格式还是和上次说的一样 

            request.ContentLength = postData.Length;

            Stream requestStream = request.GetRequestStream();

            requestStream.Write(postData, 0, postData.Length);

            HttpWebResponse response = (HttpWebResponse)request.GetResponse();

            Stream responseStream = response.GetResponseStream();

            //如果http头中接受gzip的话,这里就要判断是否为有压缩,有的话,直接解压缩即可 

            if (response.Headers["Content-Encoding"] != null && response.Headers["Content-Encoding"].ToLower().Contains("gzip"))

            {

                responseStream = new GZipStream(responseStream, CompressionMode.Decompress);

            }

            StreamReader streamReader = new StreamReader(responseStream, encoding);

            string retString = streamReader.ReadToEnd();

            streamReader.Close();

            responseStream.Close();

            result = retString;

            return result;

        }

        /// <summary>

        /// get请求

        /// </summary>

        public static string Get(string url)

        {

            WebClient wc = new WebClient();

            wc.Encoding = Encoding.UTF8;

            return wc.DownloadString(url);

        }

        /// <summary>

        /// 下载文件

        /// </summary>

        public static int DownloadFile(string downloadurl, string saveurl)

        {

            WebClient web = new WebClient();

            web.DownloadFile(downloadurl, saveurl);

            return 1;

        }

    }

}

相关文章

  • jquery ajax跨域拿到接口数据

    接口 获取接口的数据 $(function () ...

  • ajax跨域请求

    ajax跨域请求(jsonp) 利用JSONP解决AJAX跨域问题的原理与jQuery解决方案JSONP jQue...

  • Ajax跨域

    CORS Ajax跨域不携带COOKIE PHP jQuery

  • 跨域上传图片并预览

    跨域上传文件 之前解决跨域问题都是使用的JQuery的JSONP类型的Ajax请求,JSONP原理是让服务器把数据...

  • ajax请求Python跨域问题的解决方式

    1.如果用jquery请求不同服务的数据,或出现跨域 的问题,浏览器会阻止数据成功返回,下面是解决跨域的ajax请...

  • H5移动端常见问题

    解决jquery ajax调用远程接口的跨域问题 首先,接口必须允许远程调用.这是后端或者运维的事情.你必须保证你...

  • 跨域实战解决方案

    一.跨域方案 1.JSONP跨域 (1)前端发起jQuery ajax 的get请求 $.getJSON...

  • jquery ajax 跨域

    jquery ajax 跨域 客户端“跨域访问”一直是一个头疼的问题,好在有jQuery帮忙,从jQuery-1....

  • 浅谈解决前端跨域的两个方法

    在前端开发中在使用Ajax调用后端接口的时候经常会遇到跨域的问题,导致不能拿到后端接口返回的数据.下面我们来看看解...

  • Vue 项目解决跨域问题

    vue 项目中解决接口跨域的方法 1.简单粗暴直接用jquery 的jsonp 来调用跨域跨域接口 2.如果本地引...

网友评论

      本文标题:jquery ajax跨域拿到接口数据

      本文链接:https://www.haomeiwen.com/subject/imgcwqtx.html