jsonp跨域请求360数据乱码解决办法

简介: Document $(function(){ $('input').keyup(function(){ var vals = $(this).
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <script src="js/jquery-1.12.4.min.js"></script>
    <script>
    $(function(){
        $('input').keyup(function(){
            var vals = $(this).val()
            $.ajax({
                url:'https://sug.so.360.cn/suggest',
                type:'get',
                dataType:'jsonp',
                data:{word:vals,
                    // 乱码在这加编码
                    encodein: 'utf-8',
                    encodeout: 'utf-8'}
            }).done(function(dat){
                var str = ''
                for(var i=0;i<dat.s.length;i++)
                {
                    str += '<li>' + dat.s[i] +'</li>'
                }
                $('ul').html( str )
            })
            })
    })
    </script>
</head>
<body>
    <input type="text">
    <ul></ul>
</body>
</html>

  

                                                                   -------  知识无价,汗水有情,如需搬运请注明出处,谢谢!

目录
相关文章
|
1天前
|
JSON 监控 安全
如何解决跨域请求中 JSONP 存在的安全性问题?
虽然 JSONP 是一种方便的跨域请求解决方案,但在使用过程中必须充分考虑其安全性问题,并采取相应的措施来加以防范,以确保系统的安全性和可靠性。
15 8
|
1月前
|
小程序 Java
小程序通过get请求提交数据到java后台
小程序通过get请求提交数据到java后台
28 0
|
4月前
|
JavaScript 前端开发 数据格式
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
URL编码【详解】——Javascript对URL进行编码解码的三种方式的区别和使用场景,axios请求拦截器中对get请求的参数全部进行URL编码
220 0
|
6月前
|
JSON 安全 JavaScript
jsonp和跨域:实现跨域请求的巧妙方法
jsonp和跨域:实现跨域请求的巧妙方法
|
前端开发
前端提交POST请求却变成GET请求的原因及解决方法
前端提交POST请求却变成GET请求的原因及解决方法
894 3
|
XML 前端开发 JavaScript
教你怎么用最原始的ajax发送post请求和get请求
教你怎么用最原始的ajax发送post请求和get请求
395 0
|
前端开发 JavaScript
|
JSON JavaScript 前端开发
ajax跨域问题
ajax跨域问题
118 0
ajax跨域问题
|
前端开发 Java 应用服务中间件
|
JSON 缓存 前端开发