取得Ajax回傳值使用JQuery

今天遇到一個問題,分享一下給可能遇到這個問題的朋友

假如我在一個function裡面要使用AJAX去取得回傳的值再回傳,如下:

function get_init_item_json_data()
{
var d;

jQuery.ajax({
url: ‘/pages’,
type: ‘get’,
dataType: ‘json’,
success:function(data)
{
d = data;
}
});

return d;
}

但是此時會發現d其實undefined

後來發現因為AJAX是非同步處理造成的

這時改為

function get_init_item_json_data()
{
var d;

jQuery.ajax({
url: ‘/pages’,
type: ‘get’,
dataType: ‘json’,
async:false
success:function(data)
{
d = data;
}
});

return d;
}

這樣就可以了

json and jquery and ajax

json 是 javascript的子集合, 可參考 http://www.json.org/js.html

json 是以 key : value , 的集合的字串表示方式 , 每個 key : value 之間加上 , 區格 最外面以{ } 包括起來

value 可以是數值,字串,物件 , 表示字串時要加上 “”,陣列要加上 [ ]

var json_object =
{ "member": "ten01", "account": "test",
 "like": ["objective c", "php", "ruby", "python"]};

繼續閱讀

iframe存取父視窗元件

有時在iframe的資料處理後,會想要讓iframe所在的父視窗的元件也做資料更新

用以下方法就可以達到

ObjectID: 父視窗元件的ID

$(“#ObjectID”,parent.document.body).val(‘new Value’);

$(“#ObjectID”,parent.document.body).html(‘new Html’);

$(“#ObjectID”,parent.document.body).css(‘color’,’#3366fff’);

iframe 呼叫父視窗動態更新高度

iframe要善用,如果是網頁有內容要給搜尋引擎收集時

使用iframe時,搜尋引擎會忽略掉iframe裡面的資訊

但是如果在開發系統時使用到iframe的功能時,有時蠻方面的

但是有一個問題,如果iframe網頁內容變動時,就會在使用iframe的父網頁裡產生Scrobar

這樣就會使操作變得不方面

那應該怎麼處理呢? 繼續閱讀

[JQuery]表單驗證

兩種表單用兩種方法驗證

表單1

<form action=”/TheaterTickets/gift-cards-confirm/ ” method=”get”>

<input type=”text” id=”Card_Value” name=”Card_Value” size=”6″/>
<input type=”text” id=”Quantity” name=”Quantity” size=”6″/>

<input type=”button” value=”Add to Cart” id=”add_cart” />

</form> 繼續閱讀

[jQuery]判斷Radio選單是否選中

有時在製作選單時要判斷使用者是否有選取選取的項目

例如:

<input type=”radio” name=”Shipping” value=”USPS First Class Mail:2.45″ />USPS First Class Mail – $2.45<br>

<input type=”radio” name=”Shipping” value=”USPS Priority Mail:7.15″ />USPS Priority Mail – $7.15<br>

<input type=”radio” name=”Shipping” value=”USPS Express Mail:20.95″ />USPS Express Mail – $20.95<br>

利用 $(“input[name=’Shipping’]:checked”).length < 0

來判斷使用者是否有選擇項目