将Ajax Call函数嵌入到wordpress插件中

时间:2013-10-15 14:22:19

标签: php jquery ajax

以下代码正在调用文件ajax.php,它在我的localhost上完美运行。 我想在我的wordpress插件中使用这个Ajax代码,但我无法用Wordpress格式来解决它。我甚至研究codex.wordpress.org但是发现它没有帮助。 如果有人能这样做请帮我解决这个问题。

<script type="text/javascript">
$(document).ready(function(){
load_options('','Make');
});

function load_options(id,index){
$("#loading").show();
if(index=="Model"){
$("#Year").html('<option value="">- Select Year -</option>');
}
$.ajax({
url: "ajax.php?index="+index+"&id="+id,
complete: function(){$("#loading").hide();},
success: function(data)
{
$("#"+index).html(data);
}
})
}
</script>

<div style="width:800px; margin:auto;padding-top:100px;">
<form>
<select id="Make" onchange="load_options(this.value,'Model');">
<option value="">- Select Make -</option>
</select>
&nbsp;&nbsp;&nbsp;
<select id="Model" onchange="load_options(this.value,'Year');">
<option value="">- Select Model -</option>
</select>
&nbsp;&nbsp;&nbsp;
<select id="Year">
<option value="">- Select Year -</option>
</select>
<img src="loader.gif" id="loading" align="absmiddle" style="display:none;"/>
</form>
</div>

请在这个问题上指导/帮助我。我正在等待你对这个问题的良好指导/指导。

1 个答案:

答案 0 :(得分:2)

您必须在wordpress中将所有$.替换为jQuery.