현재 위치

홈 ›› Forums ›› 공부 ›› 프로그래밍 QnA

[완료] ajax 객체의 동기모드 비동기모드의 차이

zoopi의 이미지
글쓴이: zoopi / 작성시간: 화, 2008/03/18 - 4:58오후

안녕하세요.

ajax 객체에서 open메소드를 호출할때 세번째 인수로 동기, 비동기 모드를 지정해주지 않습니까?

이때 동기모드와 비동기모드의 차이가 도저히 감이 오질 않습니다.

서버측 php에는 테스트를 위해서 꽤 많은 텍스트를 전송하게 하고

클라이언트에서 버튼을 누르면 쿼리를 날리게 되어 텍스트를 받아와서 화면에 표시하게 하는데

비동기모드로 지정하면 send동작과 콜백함수가 모두 쓰레드로 작동하여

브라우저를 위아래로 스크롤하거나, 버튼을 누르면 이벤트가 발생할수있겠구나 생각했는데

동기 비동기 관계없이 둘다 브라우저의 동작이 순간 멈추고, 텍스트가 완전히 표시된후에 작동하더군요.

동기모드 또한 웹페이지의 리로드없이 데이터를 가져와서 화면에 텍스트를 표시할수있는데,

두가지 방식의 차이는 무엇입니까?

책을 봐도 비동기통신을 하게되면 통신중에도 ui를 그대로 사용할수있다. 라고 하는데 브라우저의 동작이 멈춘다면

리로드되지 않는 부분을 제외하고는 전혀 ui를 사용할수가 없는데 말이죠.

어떤 차이가 있는지요?

Forums: 
프로그래밍 QnA
dragonkun의 이미지

글쓴이: dragonkun / 작성시간: 화, 2008/03/18 - 5:48오후

음.. 이상하네요.
제가 알기로는 동기 모드는 send 후에 답변이 올 때까지 기다리는 것이고 비동기 모드는 기다리지 않는 걸로 알고 있는데요..

예를 들어 xhr 객체의 send 후에 alert를 실행시켜 볼 경우,
비동기 모드는 send 를 호출한 후에 대기 시간 없이 alert를 실행하고..
동기 모드는 send 해서 답이 돌아올 때까지 기다렸다가, alert 를 실행합니다.

서버쪽에서 응답을 주는 프로그램에서 시간을 좀 끌었다가 응답을 줘 보세요.
--------------------
Emerging the World!

Emerging the World!

zoopi의 이미지

글쓴이: zoopi / 작성시간: 화, 2008/03/18 - 6:13오후

텍스트 데이터가 곧바로 전송이 되어서

브라우져에서 화면에 표시한다고 일순간 정지했었나 봅니다.

서버 php에서 sleep함수로 몇초간 대기하고 데이터를 전송하니

대기중에는 스크롤이나 이벤트에 바로바로 반응을 하는군요

감사합니다!!

댓글 달기

텍스트 포맷에 대한 자세한 정보

Filtered HTML

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

BBCode

  • 텍스트에 BBCode 태그를 사용할 수 있습니다. URL은 자동으로 링크 됩니다.
  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param>
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.

Textile

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • You can use Textile markup to format text.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Markdown

  • 다음 태그를 이용하여 소스 코드 구문 강조를 할 수 있습니다: <code>, <blockcode>, <apache>, <applescript>, <autoconf>, <awk>, <bash>, <c>, <cpp>, <css>, <diff>, <drupal5>, <drupal6>, <gdb>, <html>, <html5>, <java>, <javascript>, <ldif>, <lua>, <make>, <mysql>, <perl>, <perl6>, <php>, <pgsql>, <proftpd>, <python>, <reg>, <spec>, <ruby>. 지원하는 태그 형식: <foo>, [foo].
  • Quick Tips:
    • Two or more spaces at a line's end = Line break
    • Double returns = Paragraph
    • *Single asterisks* or _single underscores_ = Emphasis
    • **Double** or __double__ = Strong
    • This is [a link](http://the.link.example.com "The optional title text")
    For complete details on the Markdown syntax, see the Markdown documentation and Markdown Extra documentation for tables, footnotes, and more.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 사용할 수 있는 HTML 태그: <p><div><span><br><a><em><strong><del><ins><b><i><u><s><pre><code><cite><blockquote><ul><ol><li><dl><dt><dd><table><tr><td><th><thead><tbody><h1><h2><h3><h4><h5><h6><img><embed><object><param><hr>

Plain text

  • HTML 태그를 사용할 수 없습니다.
  • web 주소와/이메일 주소를 클릭할 수 있는 링크로 자동으로 바꿉니다.
  • 줄과 단락은 자동으로 분리됩니다.
댓글 첨부 파일
이 댓글에 이미지나 파일을 업로드 합니다.
파일 크기는 8 MB보다 작아야 합니다.
허용할 파일 형식: txt pdf doc xls gif jpg jpeg mp3 png rar zip.
CAPTCHA
이것은 자동으로 스팸을 올리는 것을 막기 위해서 제공됩니다.