> 웹 프론트엔드 > JS 튜토리얼 > Ajax 비동기 요청 예제 공유를 구현하는 jquery 요청 서블릿

Ajax 비동기 요청 예제 공유를 구현하는 jquery 요청 서블릿

小云云
풀어 주다: 2018-01-10 10:44:02
원래의
1600명이 탐색했습니다.

이 기사에서는 주로 Ajax 비동기 요청을 구현하기 위해 서블릿을 요청하는 jquery의 예를 제공합니다. 편집자님이 꽤 좋다고 생각하셔서 지금 공유하고 모두에게 참고용으로 드리고자 합니다. 편집자를 따라 살펴보겠습니다. 모두에게 도움이 되기를 바랍니다.

ajax는 새로 고침 효과를 얻지 않기 위해 비동기 요청을 보낼 수 있지만 javascript를 사용하는 것이 더 번거롭습니다. 쿼리에 일부 캡슐화 방법이 제공되어 작업을 더 간단하게 만들 수 있습니다.

$.ajax() 방법:

function sendRequest() {
    $.ajax({
      url: "Hello",
      type: "GET",
      dataType: "txt",
      data: "name=zhangsan",
      complete: function(result){
        alert(result.responseText);
      }
    });
  }
로그인 후 복사

$ .get() 메소드:

function sendRequestByGet(){
    $.get("Hello","name=lisi",function(result){
      alert(result);
    });
  }
로그인 후 복사

$.post() 메소드:

function sendRequestByPost(){
    $.post("Hello","name=wangwu",function(result){
      alert(result);
    });
  }
로그인 후 복사

$.load() 메소드:

//load代码等效使用如下$get()方法
  /*
  $get(url, data, function(result){
        //将result数据填充到页面元素中
    $(“#h2”).html(result);  
  });
  */

  function load(){
    $("h2").load("Hello","name=hahaha");
  }
로그인 후 복사

위 비동기 요청에 대한 Hello 파일:

protected void doPost(HttpServletRequest req, HttpServletResponse resp)
      throws ServletException, IOException {
    String name=req.getParameter("name");
    resp.getWriter().print(name);
  }
로그인 후 복사

관련 권장사항:

Servlet+Ajax 지능적인 검색 상자 스마트 프롬프트 기능을 달성하기

h5에서 파일을 업로드하기 위한 js 및 서블릿의 구현 단계

서블릿은 HTML 페이지를 생성합니다

위 내용은 Ajax 비동기 요청 예제 공유를 구현하는 jquery 요청 서블릿의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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