痞子學JavaScript+PHP: XAJAX初探（四）範例

程式碼

<?
	require_once( 'xajax/xajax.inc.php' ); //引入xajax函式
//建立xajax物件
$xajax=new xajax();

//註冊在php中所要呼叫的函式
$xajax->registerFunction("myFunction");
$xajax->registerFunction("myFunction1");
$xajax->registerFunction("myFunction2");

//處理呼叫
$xajax->processRequests();
?>
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<?php $xajax->printJavascript('xajax/'); ?>
</head>
<form method="POST" action="" name="myForm">
用onclick onblur onfocus觸發<br>

<input type="text" name="step1"><input type="text" name="step2"
onclick="xajax_myFunction(xajax.getFormValues('myForm'));" 
onBlur="xajax_myFunction(xajax.getFormValues('myForm'));"
onFocus="xajax_myFunction(xajax.getFormValues('myForm'));">
<input type="text" name="step3">

<span id="output"></span>(結果會顯示在這裡)<br>

用onchage觸發<br>
<select name="step4" OnChange="xajax_myFunction1(xajax.getFormValues('myForm'));">
<option></option><option value="1">紅色</option><option value="2">黃色</option></select>

<div id="output2"><select name="step5"></select></div>使用div<br>
<select name="step6" OnChange="xajax_myFunction2(xajax.getFormValues('myForm'));">
<option></option><option value="1">紅色</option><option value="2">黃色</option></select>

<span id="output3"><select name="step7"></select></span>使用span
<?
function myFunction($aFormValues)
{
//創建一個xajaxResponse物件
$objResponse = new xajaxResponse();

//接收表單post的資料
$step1 = $aFormValues['step1'];
$step2 = $aFormValues['step2'];
$step3 = $aFormValues['step3'];
$val = 'step1:'.$step1.'step2:'.$step2.'step3:'.$step3;
$objResponse->addAssign("output","innerHTML",$val);

//回傳xajaxResponse物件
return $objResponse;
}
function myFunction1($aFormValues)
{
//創建一個xajaxResponse物件
$objResponse = new xajaxResponse();
//接收表單post的資料
$step4 = $aFormValues['step4'];
$val = '<select name="step5">';
switch($step4) {
	case 1: $val .='<option>頻果</option>'; break;
	case 2: $val .='<option>香蕉</option>'; break;
	default: $val .= '<option></option>'; break;
}
$val .= '</select>';
	$objResponse->addAssign("output2","innerHTML",$val);
//回傳xajaxResponse物件
return $objResponse;
}
function myFunction2($aFormValues)
{
//創建一個xajaxResponse物件
$objResponse = new xajaxResponse();
//接收表單post的資料
$step6 = $aFormValues['step6'];
$val = '<select name="step5">';
switch($step6) {
	case 1: $val .='<option>頻果</option>'; break;
	case 2: $val .='<option>香蕉</option>'; break;
	default: $val .= '<option></option>'; break;
}
$val .= '</select>';
	$objResponse->addAssign("output3","innerHTML",$val);
//回傳xajaxResponse物件
return $objResponse;
}
?>

痞子學JavaScript+PHP

2008年6月25日星期三

XAJAX初探（四）範例

網誌存檔

標籤

痞子學JavaScript+PHP

2008年6月25日 星期三

XAJAX初探（四）範例

網誌存檔

標籤

2008年6月25日星期三