一、javascript实现json页面分页实例代码
用jqueryajax异步技术（$.post））提交页面显示记录的条数（pageSize）以及要显示的是第几页（pageNo）到服务器，服务器根据这条数进数据库去查询数据（MySQL数据库用limit，Oracle用rownum伪列来实现分页查询），前台pageNo每次加一。分页所需要的页数等于数据库中查询到的记录总条数除于pageSize。
把页数，查询的数据response给前台页面。再用bootstrap分页条插件。把分页条的页码超链接中的页数动态获取。
总页数在数据库中已经拿到了，修改一下可用
二、ajax数据传输方式实例详解
在异步应用程序中发送和接收信息时，常见的可以选择以纯文本和XML作为数据格式（可参考《jQuery学习笔记之Ajax用法实例详解》）,现在还有一种比较流行的方式：JSON（JavaScriptObjectNotation）。好了，下面举例说明这三种数据格式在ajax的异步应用。
一、纯文本方式
1、发送/接收数据：
Codeischeap.看代码：
testJs.js
//此函数等价于document.getElementById/document.all
function$(s){if(document.getElementById){returneval('document.getElementById("'+s+'")');}else{returneval('document.all.'+s);}}
//创建XMLHttpRequest对象，以发送ajax请求
functioncreateXMLHTTP(){
varxmlHttp=false;
vararrSignatures=["MSXML2.XMLHTTP.5.0","MSXML2.XMLHTTP.4.0",
"MSXML2.XMLHTTP.3.0","MSXML2.XMLHTTP",
"Microsoft.XMLHTTP"];
for(vari=0;i<arrSignatures.length;i++){
try{
xmlHttp=newActiveXObject(arrSignatures[i]);
returnxmlHttp;
}
catch(oError){
xmlHttp=false;//ignore
}
}
//thrownewError("MSXMLisnotinstalledonyoursystem.");
if(!xmlHttp&&typeofXMLHttpRequest!='undefined'){
xmlHttp=newXMLHttpRequest();
}
returnxmlHttp;
}
varxmlReq=createXMLHTTP();
//发送ajax处理请求(这里简单验证用户名和密码的有效性，默认正确的输入：用户名和密码都是test)
functionvalidatePwd(oTxt){
varurl="/AjaxOperations.aspx";
xmlReq.open("post",url,true);
xmlReq.setRequestHeader("Content-Length",oTxt.value.length+$("txtUserName").value.length);
xmlReq.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
xmlReq.onreadystatechange=callBack;
xmlReq.send("action=chkPwd&userInfos="+escape(oTxt.value+"/"+$("txtUserName").value));//发送文本
}
functioncallBack(){
if(xmlReq.readyState==4){
if(xmlReq.status==200){
alert(xmlReq.responseText);//接收文本
}
elseif(xmlReq.status==404){
alert("RequestedURLisnotfound.");
}elseif(xmlReq.status==403){
alert("Accessdenied.");
}else
alert("statusis"+xmlReq.status);
}
}
三、js 表单数据与json区别
区别JSONJavascript含义仅仅是一种数据格式表示类的实例传输可以跨平台数据传输，速度快不能传输表现
1.简直对方式，键必须加双引号
2.值不能是方法函数，不能是undefined/NaN
1.键值对方式，键不加引号
2.值可以是函数、对象、字符串、数字、boolean等
相互转换
Json转换Js对象
1.JSON.parse(JsonStr);(不兼容IE7)
2.eval("("+jsonStr+")");(兼容所有浏览器，但不安全，会执行json里面的表达式?)
js对象转换Json
JSON.stringify(jsObj);
其他调用JSON官网的JS,实现parse和stringify在哥哥浏览器的兼容：
四、json结果数据换行怎么表示
在JSON中，换行可以使用转义字符"\n"来表示。例如：{"name":"John","age":30,"address":"123MainSt\nCity,State"}在上述示例中，"address"的值是"123MainSt\nCity,State"，其中"\n"表示换行。
感谢您的阅读！希望本文对解决您关于json数据示例的问题有所帮助。如果您还有其他疑问，欢迎随时向我们提问。
