سوالی در مورد کار با ایجکس در صفحات وب

[comp90]

سلام و احترام:

اگر بخواهیم در وبسایتمون مانند تصویر زیر از سرچ باکس و مرتب سازی بر اساس و همچنین حالت نمایش و تعداد نمایش استفاده کنیم باید از چه تکنولوژی استافاده کنیم؟ آیا از ایجکس استفاده می شود آخه اصلا صفحه رفرش نمی شود و نتیجه روی صفحه نمایش داده می شود.

از طرفی استفاده از ایجکس برای نمایش نتیجه به همراه تصاویر کار عاقلانه ای نیست (به دلیل اتصالات ضعیف اینترنتی)

برای ساخت این موارد بدون رفرش صفحه باید از چه تکنولوژیی استفاده شود؟

132942

[2undercover]

تصاویر در نتیجه صفحه نمایش داده نمی شوند بلکه فقط آدرس اون ها انتقال داده می شوند.

[comp90]

ممنون به طور کلی می خواستم بدونم که این آیکون ها با post پیاده سازی شده یا با get?

میشه یه راهنمایی در مورد نحوه پیاده سازی این آیکون ها به صورت ایجکس بفرمایید؟

ممنون

[2undercover]

فرض کنید که سرور یک مجموعه از آدرس های تصاویر رو در پاسخ یک درخواست AJAX به سمت کاربر به شکل JSON بر می گردونه به شکل زیر:

{"images":["http://test.ir/images/3.jpg", "http://test.ir/images/2.jpg", "http://test.ir/images/1.jpg"]}


خوب وقتی این نتیجه رو در قسمت Javascript دریافت کردیم به شکل زیر عمل می کنیم (البته مثال زیر با JavaScript خالص نوشته شده و شما می تونید از jQuery استفاده کنید در صورت لزوم):


var container = document.getElementById('container');
function (response) {
var images = response.images;
for (var i = 0; i < images.length; i++) {
var url = images[i];
var img = document.createElement('img');
img.src = url;
container.appendChild(img);
}
}


container تگی هست که دربرگیرنده عکس هاست. این کد با دریافت اون نتیجه ای که سرور در بالا فرستاده بود عکس هارو به container اضافه می کنه که در نهایت نتیجه این شکلی میشه:


<div id="container">
<img src="http://test.ir/images/1.jpg">
<img src="http://test.ir/images/2.jpg">
<img src="http://test.ir/images/3.jpg">
</div>

[comp90]

بله درسته ممنون از جوابتون اما فرض کنید که تگ زیر رو داریم:


<select multiple="multiple" size="2"><option value="volvo" selected="selected">Volvo</option>
<option value=”saab”>Saab</option>
<option value=”mercedes” selected=”selected”>Mercedes</option>
<option value=”audi”>Audi</option>
</select>

حال می خواستم بدونم که چه طوری زمانی که کاربر روی مثلا گزینه mercedes کلیک کرد سریع و به صورت درجا بدون رفرش صفحه ای به سراغ صفحه پردازش json در واقع به چه صورتی کلیک کاربر رو تو این گزینه دریافت کنم؟؟؟؟ آخه توی تگ <option> ک نمیشه name گرفت که بوسیله onclick ارسالش کنیم به صفحه json

ممنون

ممنون از شما

[2undercover]

به این مثال توجه کنید:

http://codepen.io/2undercover/pen/jPzzBV

[comp90]

بله ممنون دقیقا می خواستم به همین جا برسم :تشویق::تشویق::تشویق::تشویق: