> 웹 프론트엔드 > JS 튜토리얼 > jquery ajax 간단한 예(인터페이스 배경)_jquery

jquery ajax 간단한 예(인터페이스 배경)_jquery

WBOY
풀어 주다: 2016-05-16 17:14:11
원래의
981명이 탐색했습니다.

인터페이스:

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

<script> $(document ).ready(function () { <br>$("#b01").click(function () { <br>htmlobj = $.ajax({ url: "/Content/upFile/test.txt" , async: false }); <br>$("#div01").html(htmlobj.responseText) <br>}) <br><br>$(document).ready( function () { <br>$("#test").load("/Content/upFile/test2.txt #p1", function (responseTxt, statusTxt, xhr) { <br>if (statusTxt == "성공" ) <br>alert("외부 콘텐츠가 성공적으로 로드되었습니다!" xhr) <br>if (statusTxt == "error") <br>alert("오류: " xhr.status ": " xhr.statusText); >} ) <br>}); <br><br>$(document).ready(function () { <br>$("#getbutton").click(function () { <br>$.get (" /DownSet/index", 함수(데이터, 상태) { <br>alert("data:" data "nstatus:" status); <br>}) <br>}); <br><br>$(document).ready(function () { <br>$("#postbutton").click(function () { <br>$.get("/CustomerInformation/getS", { par : "ww" }, function (data, status) { <br>alert("data:" data "nstatus:" status) <br>$("#postText").html(data); ); <br>}) <br><br></script>

;post 메소드가 텍스트를 로드한 후 여기에 표시됩니다


div>


get 메소드가 텍스트를 로드한 후 여기에 표시됩니다

>


🎜>

jquery 로드 메소드가 여기에 표시됩니다


텍스트를 로드한 후 여기에 표시됩니다

/div>


로드 후 여기에 텍스트가 표시됩니다.

;p>
< input type="button" value="텍스트 로드" id="b01"/>


백엔드:




코드 복사


코드는 다음과 같습니다.


public string getS(string par)
{
string content = "";
if (par.Equals("ww"))
{ content = "cheng gong le" } else { content = "시 바이 르"; }
컨텐츠 반환
}

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿