1. 程式人生 > >json 陣列 字串

json 陣列 字串

1、替換字串中全部空格

var result = str.replace(/\s+/g,""); 
// 替換尾部空格用.trim()

2、字串轉json

var obj = JSON.parse(str); // josn轉陣列:var str = JSON.stringify(obj);
類似這種陣列的賦值 var obj = {"id":1, "name":2}; obj["mobile"] = "15500000000";

3、字串轉陣列

var str = "1,2,3,4,5,6";
var array = str.split(",");

4、本地快取

localStorage.setItem("name", name); // 存
localStorage.getItem("name"); // 取

5、非同步請求

function getResult(msgType) {
    $.ajax({
	url:"http://" + location.host + "/test/getTemplateMsg.faces",
	data: { 
	    "param1": param1, 
	    "param2": param2,
	},
	success:function(cancelInfo){
	   // doSomething
	}
    });
}
6、獲取URL中引數
var mobile = getQueryString("mobile");
function getQueryString(name) {
    var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
    var r = window.location.search.substr(1).match(reg);
    if(r!=null)return  decodeURI(r[2]); return null;
}

7、賦值

$("#status").text("狀態");
$(".text").html("文字內容");
$("#url").attr("href", url); // a標籤Url賦值
$(".classStyle").css("display","none"); // 樣式

8、字串擷取 || 保留小數點後幾位

var str = str.subString(0,2); // 擷取str前兩個
var str = str.subString(2); // 擷取之後的
var num = num.toFixed(6); // 小數點後保留6位小數

9、陣列賦值

var array = [
    {"name":"張三","mobile":"15500000000"},
    {"name":"張斯","mobile":"15500000001"}
];
array.push({"name": "引數1", "mobile": "引數2"}); 

10、自動觸發a標籤跳轉頁面

$("#toUrl").attr("href", url);
$("#toUrl").click();
document.getElementById("toUrl").click(); 
11、獲取picker選中的值,通過onchange事件
$("#pickerId").picker({
    toolbarTemplate: '<header class="bar bar-nav">\
        <button class="button button-link pull-right close-picker" style="color:#17b6cc;">確定</button>\
        <h1 class="title">請選擇</h1>\
        </header>',
    cols: [{
            textAlign: 'center',
            values: ['人數:']//如果你希望顯示文案和實際值不同,可以在這裡加一個displayValues: [.....]
        },
        {
            textAlign: 'center',
            values:  ['1', '2', '3', '4', '5', '6', '7', '8', '9', '10','11', '12', '13', '14', '15']
        },
        {
            textAlign: 'center',
            values: ['人']
        }],
        onChange: function (picker, values) {
           var count = picker.cols[1].value; // 獲取人數
           //alert("人數--" + count);
        },
    });

12、定時器 || 延時載入

// 定時器
setInterval(function() {
    getPoint(); // 實時更新位置資訊
}, 5000); // 單位毫秒

// 延時載入
setTimeout(function() {
    window.location.href = "http://www.baidu.com";
}, 2000);

13、監聽瀏覽器返回事件

// 監聽瀏覽器返回按鈕事件
$(function(){
    	var paramUrl = "http://" + location.host + "/webtaix/yongche.html?mobile=" + mobile;
    	pushHistory();
    	window.addEventListener("popstate", function(e) { 
    		// alert("監聽返回事件"); 
    		window.location.href = paramUrl;
    	}, false); 
    	function pushHistory() {
    		var state = {
    			title: "title", 
    			url: paramUrl, 
    		}
    		window.history.pushState(state, "title", paramUrl); 
    	}
});