JS에서 매개변수를 전달하는 여러 가지 방법 비교

이 글에서는 주로 JS에서 매개변수를 전달하는 여러 가지 방법을 소개합니다. 확실한 참고 가치가 있으니 아래 편집기로 살펴보겠습니다

웹 페이지를 개발할 때 프런트엔드 및 백엔드 데이터와의 상호 작용은 피할 수 없는 문제입니다. 비즈니스 요구 사항이 다르면 전달 방법도 다릅니다. , 다음은 제가 개발 과정에서 사용한 몇 가지 전달 방법입니다. 경험이 부족하기 때문에 실수가 있으면 적어서 공유해 드리겠습니다.

1. window.location.href 또는 document.location.href를 통과합니다. 예: window.location.href="http://www.ewcar.net?name=sun&age =21"; 이 예에서 전달되는 매개변수는 이름과 나이로 각각 태양과 21입니다. 물론 페이지의 특정 위치에 지정할 수 있는 기준점 #을 추가할 수도 있습니다.

2. 데이터는 Ajax를 통해 전송되며 형식은 다음과 같습니다.

$.ajax{
    type: "post",
    url: "test/index",
    dataType: json,
    data: $("#orderForm").serialize() ,
    success: function(d){
      alert(d.msg);
    }
    error:function(d){
      alert(d.error);
    }
  }

여기서 데이터는 다음과 같습니다. 전송되는 데이터

3. Ajax post 방식으로 전송되며, 형식은

  $.post({
    "url", 
    $("#orderForm").serialize(),
    function(d){
      alert(d.msg);
    }
  });

와 같습니다. this Ajax 방식이기도 하지만 이 방식은 비교적 간단하다.

4. 양식의 작업 방법은 데이터를 전송할 수도 있지만 상대적으로 더 포괄적인 내용을 전송할 수 있습니다. 멀티미디어 콘텐츠의 경우 actions의 링크와 window.location은 동일한 방식으로 매개변수를 전달합니다.

위는 제가 사용해본 매개변수 전달 방식입니다. 앞으로 새로운 방식이 나오면 업데이트하겠습니다.

JS에서 매개변수를 전달하는 여러 가지 방법을 비교하는 관련 기사를 더 보려면 PHP 중국어 웹사이트를 주목하세요!