JS를 사용하여 HTML의 JS가있는 서버에서 반환 된 데이터를 읽으려면 표시됩니다.
1. js.html 페이지
jQuery JS 파일을 소개해야합니다
다음과 같이 코드 코드를 복사하십시오.
<doctype html public "-// w3c // dtml 4.0 과도기 // en">>
<html>
<헤드>
<title> 새로운 문서 </title>
<meta name = "일반"content = "editplus">
<meta name = "author"content = "">
<meta name = "keywords"content = "">
<meta name = "description"content = "">
<script src = "jquery-1.8.2.min.js"> </script>
<cript>
$ (function () {
// $ ( "#loadData").
$ (docume) .ready (function () {{) {
// getJson 메소드를 사용하여 JSON 데이터를 읽고
// 참고 : info.json은 데이터가 JSON 유형 인 한 다른 유형의 파일 일 수 있습니다.
$ .getJson ( 'info.json', function (data) {
var html = '';
$ .Each (data, function (i, item) {
html+= '<ted>'+항목 [ 'name']+'</td>'+
'<td>'+항목 [ 'sex']+'</td>'+
'<td>'+item.address+'</td>'+
'<td>'+항목 [ 'home']+'</td> </tr>';
});
$ ( '#Title').
// 방법 후 : 각 일치하는 요소 뒤에 컨텐츠를 삽입하십시오.
});
});
});
// 참고 : 항목이 될 수 있습니다.
// Firefox는 "문법 오류 ["JSON 파일의 문법 오류 [ ", 데이터 만로드 할 수 있습니다.
// IE 크롬은 데이터를로드 할 수 없습니다
</스크립트>
</head>
<입력 유형 = "버튼"value = "데이터로드"id = "loadData" />
<body>
<table id = "Infotable">
<tr id = "title"> <th> name </th> <th> 성별 </th> <th> 주소 </th> <th> 홈페이지 </th> </tr>
</테이블>
</body>
</html>
info.json 파일
다음과 같이 코드 코드를 복사하십시오.
[의 뜻
{{
"이름": "장 산",
"섹스": "남자",
"주소": "Haangzhou",
"홈": "http://www.zhangsan.com"
},
{{
"이름": "Lisi",
"섹스": "wumen",
"주소": "베이징",
"홈": "http : //www.lisi.coms" "
}
]]
응용 프로그램 시나리오 :
데이터베이스 액세스에 대한 압력을 줄이려면 정적 페이지에 데이터베이스를 읽으십시오. 실시간.
이 시점에서 JSON의 내용은 HTML 정적에로드 될 수 있습니다.
실제로 표시 할 수없는 코딩 문제입니다.
솔루션 : .json 파일 파일을 열면 다음 인코딩 형식을 선택하십시오.
여기에는 실수가 쉬운 곳도 있습니다.
JSON 파일에 405 오류를보고하도록 요청하십시오. 분명히 경로는 옳지 만 여전히 오류를보고합니다.
솔루션 : 요청 메소드를 수정하여 요청을 수정하십시오.