在圖像映射中使用jQuery/AJAX

我想使用圖像映射（特別是美國狀態映射）來執行jQuery的AJAX調用。在圖像映射中使用jQuery/AJAX

我已經成功地使用表單中的選擇列表執行調用...因爲serialize方法將從表單中傳遞名稱 - 值對。但是，我不確定如何將名稱 - 值對傳遞給表單之外...即從圖像映射中傳遞。

這裏是我的jQuery代碼，與表的工作方式：

$('#launch').click(function(event){ 
     $('#results').show(); 
     $('#results').load('http://myprogram', 
       $('form').serialize()   
     ); 
      });

序列化方法傳遞狀態FIPS代碼爲選中狀態。

當狀態被點擊時，我有什麼選擇從狀態傳遞狀態代碼？

謝謝！

來源

2011-07-29 David Mintz

指定一個data- fips屬性到保存狀態代碼的每個狀態區域。然後爲每個狀態（按類或元素類型）創建一個處理程序並檢測一個點擊事件。

$('.state').click(funciton(){ 
    //alert($(this).data('fips')); 

    //Pass in the ID to myprogram 
    $('#results').load('http://myprogram',$(this).data('fips')); 
});

你的狀態圖像/鏈接將是這個樣子：

<a href="#"><img src="state_img.png" data-fips="NY" /></a>

來源

2011-07-29 15:19:02

傑森，謝謝！我試圖弄清楚如何在ajax請求的上下文中實現你的建議代碼。我如何獲得它來調用我的程序（加載...）並同時傳遞狀態fips代碼（即當單擊狀態時）而不使用序列化？ –

我更新了我的帖子。 –

在圖像映射中使用jQuery/AJAX

回答

相關問題