下面我在论坛找到一解决办法,3. 保证文件编码

作者: 前端  发布:2019-09-04

 

 

  前些天还可以正常使用的js文件,在添加了一些东西后,其中的alert()弹出提示框总是中文乱码,在网上看了很多,给出的答案基本上是加一个<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> 或者是将gb2312换成utf-8,我用多种方法测了很久还是没能解决这问题。  最后终于在某个论坛的一个角落里发现了点东西,原来在html里面引用js文件时要指定字符集的编码方式,具体做法是<script charset="gb2312" language="javascript" type="text/javascript" src="ntkoocx.js"></script>。  奇怪了,以前怎么不乱码?……

 

总结解决方法:

1、指定Html文档编码:<meta http-equiv="Content-Type" content="text/html;charset=gb2312" /> 。

2、引入Js文件的时候指定编码:<script charset="gb2312" language="javascript" type="text/javascript" src="ntkoocx.js"></script> 。

javascript alert()函数就是一个用于输入提示的功能,但今天在使用alert()提示时中文乱码,拼音什么的都没有问题呀,下面我在论坛找到一解决办法,下面与大家分享。
解决办法一:

QQ登录将用户信息存储在cookie中,命名为__qc__k ,请不要占用 __qc__k :

当Js中输出内容中包含中文,可能会导致出现乱码。

复制代码 代码如下:

 

 

echo '<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />';
echo '<script type="text/javascript">alert("添加成功")</script>';

1) :: 在页面顶部引入JS SDK库:
将“js?”后面的appid参数(示例代码中的:100229030)替换成您自己的appid:

 

解决办法一:
如果你是利用外部调用的话

Js代码  9159.com 1

 

复制代码 代码如下:

  1. <script type="text/javascript" src="" data-appid="100229030" charset="utf-8"></script>  

如何解决:

9159.com,<script language="javascript" type="text/javascript" src="ntkoocx.js"></script>

 

 

如果js与页面编码不统计一也可能出现乱码了,解决办法是
charset="gb2312" 加在js中

2) :: HTML页面中粘贴如下代码,插入QQ登录按钮

  1. 设置页面编码:

复制代码 代码如下:

Js代码  9159.com 2

 

<script charset="gb2312" language="javascript" type="text/javascript" src="ntkoocx.js"></script>

  1. <span id="qqLoginBtn"></span>  
  2. <script type="text/javascript">  
  3.     QC.Login({  
  4.         btnId:"qqLoginBtn"  //插入按钮的节点id  
  5.     });  
  6. </script>  

Html代码 

问题解决了。

 

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 

您可能感兴趣的文章:

  • Js,alert出现乱码问题的解决方法
  • js的alert弹出框出现乱码解决方案
  • js文件中直接alert()中文出来的是乱码的解决方法

3) :: 调用openapi:

 

Js代码  9159.com 3

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 2. 设置Js编码:

  1. <script type="text/javascript">  
  2. var paras = {};  
  3.   
  4. QC.api("get_user_info", paras)  
  5.     .success(function(s){//成功回调  
  6.         alert("获取用户信息成功!当前用户昵称为:" s.data.nickname);  
  7.     })  
  8.     .error(function(f){//失败回调  
  9.         alert("获取用户信息失败!");  
  10.     })  
  11.     .complete(function(c){//完成请求回调  
  12.         alert("获取用户信息完成!");  
  13.     });  
  14. </script>  

 

 

Js代码 

返回 json格式的用户信息;请指定接口访问成功的接收参数,如demo中的success(function(s)),即指定将成功返回值传递到s中; 其中所有API的返回均为response对象,包括:data, code, status等属性,分别表示数据、返回码、请求的响应状态

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

 

    alert('欢迎您!');  

3.2) ※ 调用openapi发分享 [相同url参数只能分享一次]:

</script> 

Js代码  9159.com 4

 

  1. <script type="text/javascript">  
  2. //从页面收集openapi必要的参数  
  3. var paras = {  
  4.     images:"",  
  5.     title:"#QQ互联JSSDK测试#我是标题啊标题",  
  6.     url:"",  
  7.     comment:"我是评论:转发原因",  
  8.     summary:"我是摘要:内容说明"  
  9. };  
  10.   
  11. //用jssdk调用openapi  
  12. QC.api("add_share", paras)  
  13.     .success(function(s){//请自行改写成功回调  
  14.         alert("分享成功,请到空间内查看!");  
  15.     })  
  16.     .error(function(f){//请自行改写失败回调  
  17.         alert("分享失败!");  
  18.     })  
  19.     .complete(function(c){//请自行改写完成请求回调  
  20.         alert("分享完成!");  
  21.     });  
  22. </script>  

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

 

       alert('欢迎您!');

3.3) ※ 调用openapi发微博:

</script> 3. 保证文件编码:

Js代码  9159.com 5

 

  1. <script type="text/javascript">  
  2. var paras = {content : "#QQ互联JSSDK测试#曾经沧海难为水,除却巫山不是云。"};  
  3.   
  4. QC.api("add_t", paras)  
  5.     .success(function(s){//成功回调  
  6.         alert("发送微博成功,请到腾讯微博内查看!");  
  7.     })  
  8.     .error(function(f){//失败回调  
  9.         alert("发送微博失败!");  
  10.     })  
  11.     .complete(function(c){//完成请求回调  
  12.         alert("发送微博完成!");  
  13.     });  
  14. </script>  

将文件用记事本打开,另存为utf-8编码格式。

 

 

3) :: 获取openId 与 accessToken

 

Js代码  9159.com 6

 

  1. <script type="text/javascript">  
  2. if(QC.Login.check()){//如果已登录  
  3.     QC.Login.getMe(function(openId, accessToken){  
  4.         alert(["当前登录用户的", "openId为:" openId, "accessToken为:" accessToken].join("n"));  
  5.     });  
  6.     //这里可以调用自己的保存接口  
  7.     //...  
  8. }  
  9. </script>  

这样页面编码、Js编码、文件编码一致,就ok了!

 

 

用户通过“QQ登录”登录成功后,可以调用示例代码将获取到openId与accessToken

 

  • openid是用户身份的唯一标识,请保存在本地,以便用户下次登录时可对应到其之前的身份信息,不需要重新授权。
  • accessToken:表示当前用户在此网站/应用的登录状态与授权信息,也请保存在本地。

摘自 四维空间

原文:

如何解决: 1. 设置页面编码: Html代码 meta http-equiv=Content-Type content=text/html; charset=utf...

 

完整实例:

Html代码  9159.com 7

  1. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />    
  2. <meta property="qc:admins" content="12772662310165464510063757" />    
  3. <script type="text/javascript" src=""     
  4. data-appid="101037443" data-redirecturi="" data-callback="true" charset="utf-8"></script>    
  5.   
  6. <span id="qqLoginBtn"></span>  
  7. <script type="text/javascript">  
  8.    //调用QC.Login方法,指定btnId参数将按钮绑定在容器节点中  
  9.    QC.Login({  
  10.        //btnId:插入按钮的节点id,必选  
  11.        btnId:"qqLoginBtn",      
  12.        //用户需要确认的scope授权项,可选,默认all  
  13.        scope:"all",  
  14.        //按钮尺寸,可用值[A_XL| A_L| A_M| A_S|  B_M| B_S| C_S],可选,默认B_S  
  15.        size: "A_XL"  
  16.    }, function(reqData, opts){//登录成功  
  17.         //根据返回数据,更换按钮显示状态方法  
  18.         var dom = document.getElementById(opts['btnId']),  
  19.         _logoutTemplate=[  
  20.             //头像  
  21.             '<span><img src="{figureurl}" class="{size_key}"/></span>',  
  22.             //昵称  
  23.             '<span>{nickname}</span>',  
  24.             //退出  
  25.             '<span><a href="javascript:QC.Login.signOut();">退出</a></span>'      
  26.         ].join("");  
  27.         dom && (dom.innerHTML = QC.String.format(_logoutTemplate, {  
  28.            nickname : QC.String.escHTML(reqData.nickname), //做xss过滤  
  29.            figureurl : reqData.figureurl  
  30.         }));  
  31.           
  32.      //     QC.Login.getMe(function(openId, accessToken){    
  33.      //     alert(["当前登录用户的", "openId为:" openId, "accessToken为:" accessToken].join("n"));    
  34.         // });   
  35.   
  36.         //这里可以调用自己的保存接口  
  37.         //...  
  38.   
  39.    }, function(opts){//注销成功  
  40.          alert('QQ登录 注销成功');  
  41.    }  
  42. );  
  43. </script>  

 

需要注意的是,如果登录地址和回调地址相同的话就要把 data-callback="true" 也加进去,否则弹出窗口不会关闭。如:

Html代码  9159.com 8

  1. <script type="text/javascript" src=""     
  2. data-appid="101037443" data-redirecturi="" data-callback="true" charset="utf-8"></script>   

 

如果登录地址和回调地址不是同意页面的话就要分别写。

登录页面为

Html代码  9159.com 9

  1. <script type="text/javascript" src=""     
  2. data-appid="101037443" data-redirecturi="" charset="utf-8"></script>   

回调地址为

Html代码  9159.com 10

  1. <script type="text/javascript" src="" data-callback="true" charset="utf-8"></script>  

本文由9159.com发布于前端,转载请注明出处:下面我在论坛找到一解决办法,3. 保证文件编码

关键词: 9159.com