jsonp公开接口/正则/正则表达式

jsonp公开接口

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>jsonp公开接口</title>

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

//360搜索的公开接口

//https://sug.so.360.cn/suggest?callback=suggest_so&encodein=utf-8&encodeout=utf-8&format=json&fields=word&word=s

$(function(){

$('#txt01').keyup(function() {

var val = $(this).val();

$.ajax({

url: 'https://sug.so.360.cn/suggest?encodein=utf-8&encodeout=utf-8&format=json&fields=word',//请求360搜索的公开接口

type: 'get',

dataType: 'jsonp',//跨域请求

data: {word: val},//携带参数

jsonpCallback:'suggest_so'//指定360提供的jsonp的回调函数

})

.done(function(data) {

console.log(data);

// alert(data.result.length);//10条数据

$('.list').empty();//先清空列表

//模拟搜索联想,循环插入新列表

for(var i=0; i<data.result.length; i++){

var $li = $('<li>'+data.result[i].word+'</li>');

$li.appendTo('.list');

}

})

/*.fail(function(XMLHttpRequest, textStatus, errorThrown) {//失败

console.log("error");

// 状态码

            console.log(XMLHttpRequest.status);

            // 状态

            console.log(XMLHttpRequest.readyState);

            // 错误信息 

            console.log(textStatus);

});*/

.fail(function(jqXHR, textStatus, errorThrown) {//失败

console.log("error");

/*弹出jqXHR对象的信息*/

            console.log(jqXHR.responseText);

            console.log(jqXHR.status);

            console.log(jqXHR.readyState);

            console.log(jqXHR.statusText);

            /*弹出其他两个参数的信息*/

            console.log(textStatus);

            console.log(errorThrown);

});

});

})

</script>

</head>

<body>

<input type="text" id="txt01">

<ul class="list"></ul>

</body>

</html>

.....................................................................................................................................................................

正则

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>正则</title>

<style type="text/css">

</style>

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

//校验QQ

/*

//JS的方式比较麻烦

function checkQQ(qq){

var flag = true;//默认符合要求

if(qq.length>=5 && qq.length<=15){

if(qq.indexOf("0")){

if(isNaN(qq)){

flag = false;//不是数字

}

}else{

flag = false;//以0开头,不符合QQ标准

}

}else{

flag = false;//长度不符合

}

return flag;

}

console.log(checkQQ("012345"));

console.log(checkQQ("a12b345"));

console.log(checkQQ("123456"));//true

console.log(checkQQ("1234567890987654321"));

*/

//正则匹配简单高效

var regex = /^[1-9]\d{4,14}$/;

console.log(regex.test("012345"));

console.log(regex.test("a12b345"));

console.log(regex.test("123456"));//true

console.log(regex.test("1234567890987654321"));

</script>

</head>

<body>

</body>

</html>

.....................................................................................................................................................................

正则表达式

<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<title>正则表达式</title>

<style type="text/css">

</style>

<script type="text/javascript" src="js/jquery-1.12.4.min.js"></script>

<script type="text/javascript">

//匹配字母a,i表示忽略大小写,g表示全文检索

var re = new RegExp('a', 'ig');

var re2 = /a/ig;

var str = 'abc';

//调用test方法进行匹配,匹配成功返回true,否则返回false

// alert(re2.test(str));//true

//匹配字母ac,忽略大小写,全文检索

re2 = /ac/ig;

// alert(re2.test(str));//false

//匹配数字

var re3 = /\d/;

var str3 = '123';

// alert(re3.test(str3));//true

str3 = '123ab1';

// alert(re3.test(str3));//true

//匹配数字,全文检索

re3 = /\d/g;

// alert(re3.test(str3));//true

//匹配数字开头并结尾

re3 = /^\d$/;

// alert(re3.test(str3));//false

//匹配从开头到结尾有一个或多个数字

re3 = /^\d+$/;

// alert(re3.test(str3));//false

//匹配数字、字母、下划线

var re4 = /\w/;

var str4 = '@asd';

// alert(re4.test(str4));//true

//匹配数字、字母、下划线开头

re4 = /^\w/;

// alert(re4.test(str4));//false

str4 = 'as&d';

// alert(re4.test(str4));//true

//匹配从开头到结尾有一个或多个数字、字母、下划线

re4 = /^\w+$/;

// alert(re4.test(str4));//false

var str5 = '123adfas894fasdfas15122dfad85';

var re5 = /\d+/g;//全文检索一个或多个数字

var arr = str5.match(re5);

// alert(arr);//123,894,15122,85

var re6 = /d/;//匹配字母d

// alert(str5.search(re6));//4//search相当于indexOf()函数

//replace函数用于替换

var str6 = str5.replace(re5, '*');

// alert(str6);//*adfas*fasdfas*dfad*

//正则表达式的替换功能

var s = "Once111a22wolf,3always4a5wolf!";

var regex = /\d+/g;

var s2 = s.replace(regex, " ");

// console.log(s2);

/*叠词*/

//快快乐乐、高高兴兴

regex = /(.)\1(.)\2/;//()表示分组,.表示任意字符,匹配第一组任意字符再出现一次、第二组任意字符再出现一次

// console.log(regex.test("快快乐乐"));//true

// console.log(regex.test("快乐乐乐"));

// console.log(regex.test("高高兴兴"));//true

// console.log(regex.test("快乐快乐"));

//快乐快乐、高兴高兴

regex = /(..)\1/;//匹配两个任意字符再出现一次

// console.log(regex.test("快乐快乐"));//true

// console.log(regex.test("高兴高兴"));//true

// console.log(regex.test("快快快快"));//true

// console.log(regex.test("快快乐乐"));

//叠词切割

// s = 'sdqqfgkkkhjppppkl';

// regex = /(.)\1+/;

// var arr = s.split(regex);

// console.log(arr);//由于()中的是子表达式,会导致保留一个叠词字母,不符合要求

s = 'sdqqfgkkkhjppppkl';

regex = /(.)\1+/g;//匹配叠词,即多个重复的字母

var s2 = s.replace(regex, " ");//将叠词替换为空格

var arr = s2.split(' ');//再按照空格进行切割

// console.log(arr);//返回["sd","fg","hj","kl"],符合要求

//字符串替换

var s = "我我....我...我.要...要要...要学....学学..学.编..编编.编.程.程.程..程";

var s2 = s.replace(/\.+/g, "");//删除所有的点

// console.log(s2);

var s3 = s2.replace(/(.)\1+/g, "$1");//全文检索叠词,替换为单个字符,例如多个“我”替换成一个“我”

// console.log(s3);

//提取手机号

//regex = /^1[3578]\d{9}$/;手机号的正则,只能匹配17688888888

var s = '我的手机号码是17688888888,曾经用过13187654321,还用过13512345678';

var regex = /1[3578]\d{9}/g;//第一位是1,第二位是3578中的一个,后面9位是任意数字,并全文检索

var arr = s.match(regex);//match方法返回匹配成功的数组

console.log(arr);//["17688888888","13187654321","13512345678"]

</script>

</head>

<body>

</body>

</html>

作者:YangMl

链接:https://www.jianshu.com/p/766190ae630c

来源:简书

著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容