实训第三天之模态框&ajax跨域
来源:互联网 发布:java 进程同步 编辑:程序博客网 时间:2024/06/16 10:39
- .siblings()兄弟对象。
- .eq(n)表示找n+1个元素
- ajax跨域访问:通过设置dataType为“jsonp”,加入jsonp的callback:
$.ajax({ type: "get", dataType: "jsonp", jsonp: "callback", url: "http://127.0.0.1:8080/JsonTest/check", async: true, success:function(result) { console.log(result) });}, error:function(result){ console.log(result) }});
最后服务器端的java代码中需要将要发送的数据用callback进行封装:
PrintWriter out = resp.getWriter(); String callback= req.getParameter("callback"); System.out.println(str); List<User> li = new LinkedList<User>(); JSONArray js = JSONArray.fromObject(li); out.print(callback+"("+js+")"); out.flush(); out.close();
- 模态框:模态框(Modal)是覆盖在父窗体上的子窗体。通常,目的是显示来自一个单独的源的内容,可以在不离开父窗体的情况下有一些互动。子窗体可提供信息、交互等。
具体效果如下:
通过 data 属性:在控制器元素(比如按钮或者链接)上设置属性 data-toggle=”modal”,同时设置 data-target=”#identifier” 或 href=”#identifier” 来指定要切换的特定的模态框(带有 id=”identifier”)。
通过 JavaScript:使用这种技术,您可以通过简单的一行 JavaScript 来调用带有 id=”identifier” 的模态框:
模态框的主要属性:
aria-labelledby=”myModalLabel”,该属性引用模态框的标题。
属性 aria-hidden=”true” 用于保持模态窗口不可见,直到触发器被触发为止(比如点击在相关的按钮上)。
< div class=”modal-header”>,modal-header 是为模态窗口的头部定义样式的类。
class=”close”,close 是一个 CSS class,用于为模态窗口的关闭按钮设置样式。
data-dismiss=”modal”,是一个自定义的 HTML5 data 属性。在这里它被用于关闭模态窗口。
class=”modal-body”,是 Bootstrap CSS 的一个 CSS class,用于为模态窗口的主体设置样式。
class=”modal-footer”,是 Bootstrap CSS 的一个 CSS class,用于为模态窗口的底部设置样式。
data-toggle=”modal”,HTML5 自定义的 data 属性 data-toggle 用于打开模态窗口
- 实训第三天之模态框&ajax跨域
- ajax学习第三天
- ajax第三天
- 实训第三天
- 实训第三天
- 实训第三天~
- 实训第三天
- 三天学好ADO之第三天
- 三天之感
- 三天培训之异常
- ajax之(3)ajax跨域
- 跟“无为”学习Ajax技术第三天
- [四天学会ajax]学习ajax教程第三天
- ajax之cors跨域
- 新环境之第三天
- 上海之行第三天
- 上海之行第十三天
- 三天培训之泛型
- 如何使用超声波感应器【第一部】---凯利讯半导体
- 年薪50W程序员老司机的5大秘籍,提高代码可读性80%
- 二元函数极值的充分条件的证明
- sizeof 和strlen的区别
- android.view.ViewStub cannot be cast to android.view.ViewGroup
- 实训第三天之模态框&ajax跨域
- Linux中nc的安装
- MailSploit | 新型漏洞令钓鱼邮件更猖狂
- longmode is disabled for this virtual machine
- Java Spring MVC入门(二)——配置项目
- 区块链开发(十)区块链技术-智能合约Solidity编程语言
- latex bib参考文献类型
- 后台跨域造成session失效
- INNER JOIN ... ON用法