jQuery网页交互
1 选择器 找节点 绑事件
发展壮大离不开广大客户长期以来的信赖与支持,我们将始终秉承“诚信为本、服务至上”的服务理念,坚持“二合一”的优良服务模式,真诚服务每家企业,认真做好每个细节,不断完善自我,成就企业,实现共赢。行业涉及木制凉亭等,在网站建设公司、成都营销网站建设、WAP手机网站、VI设计、软件开发等项目上具有丰富的设计经验。
2 ajax 调后台 操作数据库
3 回调函数
jquery easyui怎么实现前后台数据的交互
easyUI基本都是通过ajax发送地址到后台进行数据的交互的
比如使用datagrid列表,做法如下:
div id="dg"/div
jq:
$("#grid").datagrid({ //datagrid插件的用法
url: "/Log/GetLogData", //发送地址进行数据获取
title: "日志列表",
iconCls: "icon-view",
width: 1000,
queryParams: queryData,
pagination: true,
pageSize: 15,
pageList: [15, 30, 50],
rownumbers: true,
columns: [[
{
field: 'ck',
checkbox:true,
}, {
title: '日志内容',
field: 'logContent', //这里字段必须和返回的sql数据名一致
width: 300
}, {
title: '日志添加时间',
field: 'logTime',
width:150
}, {
title: 'IP',
field: 'IP',
width:100
}
]]
});
}
后端:
public ActionResult GetLogData(){
return Json(xxx); //注意datagrid返回的是json格式的。
}
jquery主要是做什么的?
JQuery是继prototype之后又一个优秀的Java库。它是轻量级的js库 ,它兼容CSS3,还兼容各种浏览器(IE6.0+, FF1.5+, Safari2.0+, Opera9.0+),jQuery2.0及后续版本将不再支持IE6/7/8浏览器。jQuery使用户能更方便地处理HTML(标准通用标记语言下的一个应用)、events、实现动画效果,并且方便地为网站提供AJAX交互。jQuery还有一个比较大的优势是,它的文档说明很全,而且各种应用也说得很详细,同时还有许多成熟的插件可供选择。jQuery能够使用户的html页面保持代码和html内容分离,也就是说,不用再在html里面插入一堆js来调用命令了,只需要定义id即可。
jQuery是当前很流行的一个Java框架,使用类似于CSS的选择器,可以方便的操作HTML元素,拥有很好的可扩展性,拥有不少插件。
jQuery可以快速找到文档中的html元素,并对其进行操作,如隐藏、显示、改变样式、添加内容等。能够方便的在页面上添加和移除html元素。这些功能虽然使用Java也能实现,但是jQuery绝对使这些工作变得更加简单。
使用JQuery如何与数据库交互?
这个需要使用ajax,具体获取数据的方法写在servlet中,然后在html中通过ajax调用,返回的最好是个xml格式的数据,至于树的实现,建议看一下jquery-treeview,给你个参考资料,自己看下。
第一次使用油猴写脚本,jquery前后端交互
大一就用到现在的油猴插件,给了我好多的便利,同样是开发前端,我只是会做一个网页,人家就可以使用js脚本控制各种网页以实现一些比较骚的操作。特别是在上网课的时候用到别人的插件,简直是爽翻天了,我曾经在使用js库的时候也用到过类似的功能,只是我没想到这玩意儿还能这样用!不多解释,先写一个ajax交互的试试!
1.在油猴添加新脚本
2.要添加的脚本
3.引入jQuery
// @require
人家是这样引入的,这个东西的版本不宜过高,过高会报一些不知名的bug
4.写个Ajax的get方法
5.后端用flask接一下
6.控制台打印
7.写一个对象,并且赋值给另一个对象
8.写个Ajax的post方法
9.后端用flask接一下
10.控制台打印
11.以json形式打印
flask这样写
脚本这样写
打印
注:可能会出现跨域异常,在flask中解决
本文名称:jquery交互,jquery交互北大青鸟
文章起源:http://scyingshan.cn/article/dsgpjhh.html