文档章节

常用js/jsonp跨域

wsy5344
 wsy5344
发布于 2015/03/04 12:04
字数 406
阅读 53
收藏 0

判断是否存在某个字符

var url=window.location.href;
	var patt = new RegExp('itemid');
	if(patt.test(url)){//字符串存在返回true否则返回false
		alert(1);
	}else{
		alert(0);
	}

获取属性值:

var username=$(this).attr("abbr");


1. Javascript 返回上一页history.go(-1), 返回两个页面: history.go(-2);

history.back();

页面刷新:

window.location.reload();

页面跳转:

window.location.href="http://zizhi.domain.net/notice/list.php";

AJAX:

function() {
    $('.btn').click(function() {
        var itemid = $('#itemid').val();
        var type = $('input:radio:checked').val();
        var company = $('#company').val();
        var address = $('#address').val();
        var truename = $('#truename').val();
        var telephone = $('#telephone').val();
        var service = $('#service').val();
        //alert(telephone);
        if (itemid == 0) {
            var data = "itemid=0&type=" + type + "&company=" + company + "&address=" + address + "&truename=" + truename + "&telephone=" + telephone + "&service=" + service;
        } else {
            var data = "itemid=" + itemid + "&type=" + type + "&company=" + company + "&address=" + address + "&truename=" + truename + "&telephone=" + telephone + "&service=" + service;
        }
        //alert(data);
        $.ajax({
            type: 'post',
            url: './ajax.php',
            data: data,
            async: false,
            success: function(msg) {
                if (msg == 1) {
                    //alert('修改成功');
                    //location.reload();
                }
            },
            error: function(msg) {
},
        });

全选反选:

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> 
</head>
<body>
您的爱好很广泛!!!
        <br>
        <input type="checkbox" name="checkItems" id="checkItems" value="全选/全不选"/>全选/全不选
        <br>
        <input type="checkbox" name="items" value="足球" />足球
        <input type="checkbox" name="items" value="篮球"/>篮球
        <input type="checkbox" name="items" value="游泳"/>游泳
        <input type="checkbox" name="items" value="唱歌"/>唱歌
        <br>
        <input type="button" name="checkall" id="checkall" value="全选" />
        <input type="button" name="checkall" id="checkallNo" value="全不选" />
        <input type="button" name="checkall" id="check_revsern" value="反选" />
</body>
</html>

JS:

<script>
$(document).ready(function(){
    $("#checkall").click(function(){
        $("input[name='items']").each(function(){
            this.checked = true;
        });
    });
     
    $("#checkallNo").click(function(){
        $("input[name='items']").each(function(){
            this.checked = false;
        })
    });
     
    $("#check_revsern").click(function(){
        $("input[name='items']").each(function(){
            if (this.checked) {
                this.checked = false;
            }
            else {
                this.checked = true;
            }
        });
    });
     
    $("#checkItems").click(function(){
        $("input[name='items']").each(function(){
            if (this.checked) {
                this.checked = false;
            }
            else {
                this.checked = true;
            }
        });
    });
});
</script>

$.ajax jsonp

<script>
$(document).ready(function(){
	var api='http://api.k780.com:88/?app=life.time&appkey=12311&sign=7c4ae114b95a207997e9765f1ccca59e&format=json&jsoncallback=bjtime';
	
	$.ajax({url:api,type:'get',dataType:'jsonp','jsonpCallback':'bjtime',success:function(data){alert(data.result.datetime_1);}});
});
</script>


© 著作权归作者所有

wsy5344
粉丝 14
博文 21
码字总数 16215
作品 0
武汉
程序员
私信 提问
JSONP原理优缺点(只能GET不支持POST)

JSONP的优点是:它不像XMLHttpRequest对象实现的Ajax请求那样受到同源策略的限制;它的兼容性更好,在更加古老的浏览器中都 可以运行,不需要XMLHttpRequest或ActiveX的支持;并且在请求完毕...

BearCatYN
2015/06/04
0
0
AJAX 跨域请求 - JSONP获取JSON数据

原文地址:http://justcoding.iteye.com/blog/1366102 AJAX 跨域请求 - JSONP获取JSON数据 博客分类: Javascript /Jquery / Bootstrap / Web Asynchronous JavaScript and XML (Ajax ) 是驱......

water014300
2014/12/22
0
0
分析JavaScript的跨域原理(jsonp)

前段时间给朋友分析了下常用的jsonp的跨域原理,跨域的方式有很多种,这里简单记录一种jsonp,阐述一下分析思想,分析过程,找到解决问题的方式。 1.JavaScript怎么跨域 2.为什么会出现跨域问...

应念
2015/07/29
0
0
用jQuery与JSONP轻松解决跨域访问的问题

跨域的安全限制都是指浏览器端来说的.服务器端是不存在跨域安全限制的,所以通过本机服务器端通过类似httpclient方式完成“跨域访问”的工作,然后在浏览器端用AJAX获取本机服务器端“跨域访问...

烽穹寒渊
2015/07/26
0
0
json和jsonp的联系和区别(转载)

说到AJAX就会不可避免的面临两个问题,第一个是AJAX以何种格式来交换数据?第二个是跨域的需求如何解决?这两个问题目前都有不同的解决方案,比如数据可以用自定义字符串或者用XML来描述,跨...

宋和毅
2014/01/01
0
1

没有更多内容

加载失败,请刷新页面

加载更多

动态代理知识详解

动态代理实现的两种方式 给动态代理举个栗子:例如我们平时买笔记本电脑,很多时候都是不从厂家拿货,而是通过经销商买电脑。代理模式出现解决了生产厂家的一些问题,那么这个这个思想在我们...

我叫小糖主
26分钟前
6
0
Calendar TimeZone SimpleDateFormat

关于Calendar类的使用可参考:Java Calendar类的使用总结 获取日历(Calendar):java.util.Calendar#getInstance() 获取时区TimeZone: TimeZone.getTimeZone("GMT+00:00"); 或:TimeZone.ge......

Hzhodor
27分钟前
0
0
这 17 个 JVM 参数,高级 Java 必须掌握

前言 大家都知道,jvm在启动的时候,会执行默认的一些参数。一般情况下,这些设置的默认参数应对一些平常的项目也够用了。但是如果项目特别大了,需要增加一下堆内存的大小、或者是系统老是莫...

编程SHA
32分钟前
0
0
jenkins配置自动发送邮件

1.开通QQ的SMTP服务,需要发一条短信,qq会给你一个密码(不是你的QQ邮箱密码哦) 2.安装 Email Extension Plugin 插件 3.进入系统管理--系统设置 3.1按照如下图设置 首先找到 Extended E-m...

shzwork
37分钟前
0
0
网络请求异常拦截优化

目录介绍 01.网络请求异常分类 02.开发中注意问题 03.原始的处理方式 04.如何减少代码耦合性 05.异常统一处理步骤 06.完成版代码展示 好消息 博客笔记大汇总【16年3月到至今】,包括Java基础...

潇湘剑雨
41分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部