CIH 크롬 확장 프로그램의 XHR

Question

크롬 확장 콘텐츠 스크립트에서 POST을 제어하는 ​​서버로 보냅니다. 매니페스트에서 권한을 설정했습니다. 여기 내 XHR 코드입니다. (나는 이것을 위해 jQuery를 피하고 싶다.) 그 빈 responseText

var xhr = new XMLHttpRequest(); 
    xhr.open("POST",'http://mysite.com/make',true); 
     xhr.onreadystatechange=function() { 
      if (xhr.readyState == 4) { 
       var res = JSON.parse(xhr.responseText); 
       console.log(res); 
      } 
    } 

    xhr.send({'textbox':data[0].user,'from':'extension'}); 

data[0].user를 보내는 것은 내 CI 컨트롤러의 트위터 API

에서 직접 가지고 객체 내가

$user = $this->input->get_post('textbox', TRUE); 
$from = $this->input->get_post('from', TRUE); 

$fullURL = 'http://www.google.com'; //example of a URL from code. 

$json = $this->output->set_content_type('application/json'); 
$json->set_output(json_encode(array('URL' => $fullURL))); 

응답 텍스트가 빈

이다 가지고있다

jquery 전화가 잘 작동

$.post("http://mysite.com/make", { 'textbox': data[0].user, 'from':'jquery' }, 
    function(data) { 
    console.log(data); 
}); 

Answer 1

이유는 간단합니다. JQuery 게시 메소드는 JSON을 허용 한 다음이를 문자열로 변환하고 서버로 전송할 수 있습니다.

당신이 할하려고하는 것은 바로 여기에 JSON을 보내는 것입니다 :

xhr.send({'textbox':data[0].user,'from':'extension'}) // Incorrect way

이 NULL을 받아 들여야 하나 방법을 보내 또는 일반적으로 같은 QueryString을 매개 변수로 구성되는 문자열 .

xhr.send("textbox="+ data[0].user + "&from=extension"); // Correct way

이

는 데이터가 로 POST 요청 매개 변수에서 텍스트 상자 및 와 함께 해당 URL로 이동하는지 확인합니다. 및 queryString은 처럼 생성됩니다. 텍스트 상자 = username1234 & from =은 URL과 함께 머리글과 함께 가져 오기와 달리 패킷 본문에 있습니다.

jQuery의 post 메서드를 사용하면 JSON을 사용하여 보내는 데이터의 형식을 지정하고 내부적으로이를 매개 변수를 보내기 위해 queryString으로 변환하는 것이 더 간단 해집니다. XHR 개체로 직접 자바 스크립트 개체를 보낼 수 없습니다!

또한이 예제를 체크 아웃 :

http://beradrian.wordpress.com/2007/07/19/passing-post-parameters-with-ajax/