微信公众号内嵌页面不执行ajax,微信公众号前端开发(weui)+ajax
>> 一行代码即可使页面适应手机屏幕,具体介绍可参考链接,很好用
>>
> 3. rem
>> rem之后好像没怎么用,以后有更多了解再来补充
>>
> 4. 微信JSSDK开发文档
>> 这个不太懂具体作用,以后了解了再来补充(..›ᴗ‹..)
>>
>
# 2. AJAX
>
> 之前开发中也有用到,经常用到,在这里总结一下,主要为代码举例(两个select级联):
>
> 1. html:
请选择 ${value}
>>
> 2. js:
function getCRList() {
var $tblist = $(“#tblist”).val();
$('#tblist').val($tblist); //让第一个下拉框保持显示选中的值
$('#crlist').html(""); //把ci内容设为空
var $crValue = $('#crlist');
$crValue.append('请选择');
$.ajax({
url : "/showCRList",
type : "GET",
dataType : "json",
async: false,//default is true ,and if it is true,the flag in ajax cant return
//cant be false because in chinese it means "异步"
data: {
tblist : $tblist //传给后台的值
},
success : function(data, textStatus, jqXHR) { //data为从后台取回的值
if (data && data.length > 0) {
var html = [];
for (var i = 0; i < data.length; i++) {
html.push(''+data[i]+'');
}
$crValue.append(html.join(''));
}
}
});
}
>>
> 3. Servlet
public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType("application/json"); //使用json格式
response.setCharacterEncoding("UTF-8");
request.setCharacterEncoding("UTF-8");
tblist = (String) request.getParameter("tblist"); //不可以用getAttribute...
rtn2 = crUtil.getCRList(tblist);
PrintWriter writer = response.getWriter();
JSONArray array = JSONArray.fromObject(rtn2);
writer.append(array.toString());
}
>>
> 4. CRUtil
public List getCRList(String tbname){
List rtn2 = new ArrayList();
String sql2="SELECT NAME FROM crinfo WHERE tbId = (SELECT id FROM tbinfo WHERE NAME = '" + tbname + "')";
rtn2 = dbutil.getListInfo(sql2);
return rtn2;
}
> 5. DatabaseUtil
/*
* 获得列表信息
*/
public List getListInfo(String sql){
List rsList = new ArrayList();
String result = null;
Connection conn=null;
String url="jdbc:mysql://localhost:3306/person_seat_detection";
String user_="root";
String psd="123456";
try {
Class.forName("com.mysql.jdbc.Driver");
conn=DriverManager.getConnection(url,user_,psd);
PreparedStatement ps=
conn.prepareStatement(sql);
ResultSet rs=ps.executeQuery();
while(rs.next()){
rsList.add(rs.getString(1));
}
} catch (Exception e) {
System.out.println(e.getMessage());
}finally {
if (conn!=null) {
try {
conn.close();
} catch (Exception e2) {
}
}
}
return rsList;
}
>>
> 6. web.xml配置
>>
crServlet
com.imooc.servlet.CRServlet
crServlet
/showCRList
```
本博客所有文章除特别声明外,均采用 CC BY-SA 3.0 协议 。转载请注明出处!
微信公众号内嵌页面不执行ajax,微信公众号前端开发(weui)+ajax相关推荐
- 内嵌iframe_内嵌页面session超时,内嵌页面显示登录界面问题解决方案
内嵌页面session超时,内嵌页面显示登录界面问题解决方案 我们在开发web项目的时候 经常用到iframe嵌套,这里的话 不管是开发的时候,还是正式环境使用.当session超时,或者重启项目,内 ...
- vue 设置页面标题,微信公众号内嵌H5标题顶到顶部
一.安装 npm install vue-meta -S 二.配置main.js import Meta from "vue-meta"; Vue.use(Meta); 三.页面配 ...
- 小程序嵌套h5页面_微信小程序内嵌h5页面
概况 使用 标签能在小程序中打开外部网页,但是要打开的网页的域名必须跟小程序的业务域名(业务域名可以在小程序的后台管理界面添加)一致,否则在真机上是打不开的.如果开发工具上勾选了'不校验域名',在开发 ...
- 小程序嵌套h5页面_快速小程序开发之微信小程序内嵌 H5
简介:微信小程序中可以直接运行 web 页面,这一新组件 web-view 的产生,可能直接导致小程序数量迎来一波高峰.本篇博文将从业务选型,微信小程序后台配置,使用 web-view 完成登录业务以 ...
- 微信小程序内嵌webview实现微信登录
一.调研场景 1, 微信小程序内嵌webview实现微信登录 二.技术实现 1. web-view标签实现链接内嵌 小程序里嵌套web-view页面 (1)src属性:webview 指向网页的链接. ...
- 微信小程序内嵌H5网页
微信小程序内嵌网页 1.登录微信公众平台,选择对应的小程序进入(个人类型的小程序暂不支持使用) 2.在小程序后台左侧菜单选择"开发"–"开发管理"–" ...
- php退出页面父元素,jQuery中弹出iframe内嵌页面元素到父页面并全屏化的实例代码...
iframe和弹窗这些词对于js高手来说都是耳熟能详的东西,作为一个新人来说,还在学习阶段的我就在工作中遇到这么一个奇葩的需求,要在引入的iframe页面里做一个全屏化的功能. 粗略一看,这还不容易, ...
- silverlight 和内嵌页面进行交互的方法
在silverlight的应用中,我们需要嵌入html页面. 我们可以使用RadHtmlPlaceholder 控件在应用中嵌入页面: <telerik:RadHtmlPlaceholder ...
- OA系统十九:请假申请五:【请假申请】这个内嵌页面的前台文件;设置【点击左侧菜单栏的“请假申请”后】在首页的“功能区”显示【请假功能】这个内嵌页面;
本篇博客的主要内容是: 本篇博客有几点特别说明下: (1)前端的东西挺复杂的,感受到了[学会一个成熟的前端框架]的重要性.毕竟,框架可以提高前段文件的开发效率,简化开发步骤! (2)前端的Ajax请求 ...
最新文章
- 为什么说Netty是性能之王,因为它用了 Reactor 模型啊
- 吴思教授:揭秘视觉信息处理的闭环
- String和int 转换
- 移动端布局的几种方式
- Oracle编程入门经典 第2章 SQLPlus和基本查询
- 这是小小本周的第六篇,本篇小小将会介绍一个很古老很古老很古老的为什么系列之不能重写service方法。...
- iPhone 9或于4月3日发布;复制粘贴之父Larry Tesler去世;Android 11开发者预览版来了!| 极客头条...
- php.ini 开启zend,php之ZendFramewor篇(1)application.ini配置说明
- 清华计算机学院博士后,清华大学博士后
- 万万没想到:西游篇--高速下载-12.19更新/真正可看的TC版/抢鲜版/高清版/超清版-高速下载
- 为什么这项技术一经Google推出问世就迅速成为主流?
- html禁止双击选中文本,CSS阻止页面双击选中文本
- 【WEB】语言代码缩写表大全(用于Accept-Language)
- 那些忍了很久的话——人工智能盲目跟风该休了
- 数据库的基础使用方法
- 动态规划-拔萝卜问题
- 学到生无可恋之 Redis(上)
- 四步教你破解隔壁老王的Wi-Fi密码,蹭网没商量!
- 【IoT】嵌入式硬件生产管理:SMT工艺流程
- python3.8 pclpy安装
热门文章
- swing组合边框(CompoundBorder)
- (POJ 1183)反正切函数的应用
- 基于MyBatis注解的学生管理程序
- 【Javaweb——tomcat常见错误】java.lang.NullPointerException
- runtime error: reference binding to null pointer of type ‘int‘ 问题
- IDE之KEIL declared implicitly 警告问题
- 高效沟通与面试技巧--《牛津式高效沟通》
- 网易推出暴雪绿茶,太内涵了!
- linux下jmap 内存命令,Linux下jmap命令查看内存使用
- 关于signed char类型的16进制数据转成带符号的10进制问题