<img>

2017-11-19 5 views
0

가 서버 (아마도 다른 도메인)에서 바이트을 요청 받고처럼 간단한 방법으로 서버에서 텍스트를 얻기는 매우 간단합니다 발행한다.<img>

다른 서버의 텍스트에 AJAX 또는 XMLHttpRequest이 필요하며 (나는 어떻게하는지 알고 있습니다.) CrossOrigin 문제가 발생할 수 있습니다.

정말 더

<div innerText-src="http://www.example.com/getsometext.php?id=178"></div> 

없습니까?

그렇다면 이유는 무엇입니까? 왜 역사적으로 이미지에 대한 특별한 치료가 있었습니까?

+0

사용'iframe' ... –

+0

@PranavCBalan 예 그러나'iframe' :이 경우 & 지정된 URL에 Ajax 호출을 실행하는 innerText-src 속성을 가진 모든 요소를 ​​통해가는 JS 함수를 생성한다 그냥 일부 텍스트를 포함하는 것보다 무거워요. 또한 새로운 ''등을 사용하여 문서 안의 새로운 "문서"를 만듭니다 (단지 재검토했습니다). 그것은 단지 몇 텍스트 바이트를 포함하는 것보다 무겁습니다. – Basj

+0

'innerText-src' 속성을 가진 요소를 검사하는 Ajax 함수를 생성 할 수 있습니다. 그렇게하면 지정된 URL을 가져 와서 요소의 내용을 출력합니다. 꽤 쉽지만 주어진 URL은 텍스트 만 제공해야합니다. 그렇지 않으면 콘텐츠가있는 요소를 수동으로 찾아야합니다. 이와 같은 요소가 여러 개 있으면 느려질 수도 있습니다. –

답변

0

글쎄, 만약 주어진 URL이 당신이 찾고있는 내용만을 출력한다면, Ajax로 쉽게 할 수있다.

$('[innerText-src]').each(function() { 

    var source = $(this).attr('innerText-src'); 

    if (source.length != 0) { 

     /* get the url & content id */ 
     var url = source.split('?')[0], 
      id = source.split('?')[1].split('=')[1]; 

     /* setup data */ 
     var data = {id: id} 

     /* ajax call */ 
     $.ajax({ 
      url: url, 
      data: data, 
      type: 'get', 
      dataType: 'html', 
      success: function(content) { 
       console.log(content); 
       // Do something with the content 
      }, 
      error: function(error) { 
       console.error(error); 
      } 
     }); 

    } 
});