>  기사  >  웹 프론트엔드  >  json 데이터를 요청하고 이를 js로 파싱하는 ajax에 대한 간략한 분석(예제 분석)_jquery

json 데이터를 요청하고 이를 js로 파싱하는 ajax에 대한 간략한 분석(예제 분석)_jquery

WBOY
WBOY원래의
2016-05-16 17:29:021185검색

jquery를 접한 이후로 프론트엔드 개발에 푹 빠졌고, 프론트엔드 개발의 힘과 중요성을 깊이 느꼈습니다. 동시에 ASP.NET에 대해서도 불평하고 싶습니다. 사실 ASP.NET이 부풀어 오른다고 말하는 사람들은 단지 낮은 수준의 ASP를 본 것일 수도 있습니다. .NET 프로그래머는 지속적으로 페이지를 페이지 컨트롤로 드래그한 다음 생성된 페이지에 많은 정크 코드가 포함되어 있고 거의 모든 논리 처리가 서버 측에서 작성되었다는 사실을 발견했습니다. 사실 asp.net을 막 시작한 사람들은 컨트롤을 드래그하는 습관이 있을 것이지만, 더 깊이 들어가 보면 결국 asp.net의 개발 모델은 여전히 ​​다른 웹 개발 모델과 동일하다는 것을 알게 될 것입니다. PHP와 jsp. PHP는 html css js PHP 언어이고, asp.net은 html css js C# 언어입니다. (개발자용) 이것을 보고 asp.net이 부풀어 오른다고 말하면 됩니다. .net 프레임워크의 지원이 필요합니다. 그렇다면 jsp가 너무 커졌다고 말할 수는 없겠죠? JSP에는 Java 가상 머신의 지원도 필요합니다! 모든 웹 개발은 클라이언트가 요청을 보내고 - 서버가 데이터를 반환하고 - 클라이언트가 데이터를 처리하는 모델을 기반으로 하는데, asp.net 개발 모델의 장점은 서버 측 코드와 클라이언트 측 코드가 잘 맞는다는 점입니다. 분리되어 HTML에 포함될 필요가 없습니다. 중첩된 서버 측 코드 - 물론 이 패턴은 거의 모든 종류의 웹 개발에서 채택되었습니다.

너무 멀다. 오늘은 마스터해야 할 내용이 거의 없습니다. 저는 모든 사람이 쉽게 마스터할 수 있도록 아주 적은 코드로 데모를 작성하는 것을 선호합니다(콘텐츠 수준이 낮으므로 피하시기 바랍니다).

다음과 같은 웹 프로젝트를 만들어 보겠습니다.

먼저 클라이언트 HTML 코드를 작성

코드 복사 코드는 다음과 같습니다

<테이블>
                                                 ​ d>
                      | ;




js 코드





코드 복사

코드는 다음과 같습니다.
$(function () { $("#btnget") .click(function () { $.ajax({ ) 유형: "post", dataType: " json", url: "data.ashx", 성공: 함수(msg) {
var str = "";
for (i in msg) {
               str = "< ;tr> msg[i].id "" msg[i].name "" msg[i].cla "" msg[i].sex "" msg[i].tel "";
                     테이블을 더 보기 좋게 사용하기 위해 스타일을 정의해 보겠습니다





코드 복사


코드는 다음과 같습니다