Ajax Jquery 跨域问题 事件冒泡 浏览器默认操作
JQUERY 介绍
关于使用的话 就去查API吧
JQuery中的AjaxAjax的概念
原理图常用的get ,post,$.ajax//异步请求浏览器不会帮你进行默认编码,因此需要手动编码 var parm = {“username”:encodeURI(name)}; 1. get方式当以json格式的返回的是JSON对象 // url,param,回调函数,回掉类型
$.get("${ pageContext.request.contextPath }/ServletDemo1",{"name":"aaa","pass":"123"},function(data){
$("#d1").html(data);},"json")
2. post方式$.post("${ pageContext.request.contextPath }/ServletDemo1",function(data){
$("#d1").html(data);
},"json");
3. ajax异步请求 两种请求拼接的param是不同的$.ajax({
url:"${ pageContext.request.contextPath }/ServletDemo1",data:"name=bbb&pass=abc",type:"get",success:function(data){
$("#d1").html(data);
},error:function(data){
},});
JQuery常见几个问题1. 表单序列化alert($(“form”).serialize());对于表单中提交的数据会拼接成为一个字符串 alert($(“form”).serializeArray()); 会拼接成一个字符数组 $(document).ready(function(){
alert($("form").serialize());
alert($("form").serializeArray());
});
2. 事件冒泡就类似于android中的事件传递效果相同,大框中有小框,点小框 大框也会执行 $(document).ready(function(){
// 事件冒泡:子元素事件执行时,一并触发父元素相同的事件
$("#outerDiv").click(function(){
alert("outerDiv");
});
$("#innerDiv").click(function(event){
alert("innerDiv");
//方式1:
//return false;
//方式2:通过event 提供函数
event.stopPropagation();
});
});
3. 浏览器默认动作就是禁用a标签的跳转到ref 对应的连接处 $(document).ready(function(){
// href a标签默认行为,阻止
$("a").click(function(event){
alert("谈谈谈");
//方式1:
// return false;
//方式2:
event.preventDefault() ;
});
});
4. 跨域问题概述
跨域两种类型1. JS的跨域问题JS的跨域原理图代码如下 <!-- 需要将函数存在 调用之前,从而保存函数存在-->
<script type="text/javascript"> function showData(data){ alert(data.success); } </script>
<script type="text/javascript" src="http://localhost/web/getData?callback=showData"></script>
TomCat2的Servlet代码如下 //编码
response.setContentType("application/json;charset=UTF-8");
//1 请求参数,获得函数名称
String callback = request.getParameter("callback");
//2 数据
String jsonStr = "{"success":"用户操作成功","info":"提示信息"}";
//3发送浏览器,通知tomcat1,执行执行函数 print("函数(参数)"); ,格式必须按照下面的来
response.getWriter().print(callback + "("+jsonStr+")");
2. Jquery中的AJAX跨域问题Jquery中的AJAX原理图相当于是一个匿名函数的问题 将名字去掉而已
$.getJSON("http://localhost/web/getData?callback=?",function(data){
alert(data.success)
}); (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- Swift 1.2新特性速通 只要10分钟, 小波让你轻松掌
- c# – 这个显示逻辑应该存在于ViewModel中还是映
- ajax – 从Google Translate API获取中文罗马字
- c# – 导航和重新调整页面/ viewmodel构造函数
- ruby-on-rails – Git / Rails /共享主机(Dreamh
- cocos2dx-3.9 在iOS上集成admob
- 正则表达式 – mod_rewrite可以做数学吗?
- 使用CodeBlock在WX2.9.3下编译databaselayer中的
- cocos2dx Scene 生命周期(replaceScene,popSce
- ajax解决常遇到问题