首页 / AJAX / ajax加载二级分类

ajax加载二级分类

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了ajax加载二级分类，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1895字，纯文字阅读大概需要3分钟。

内容图文

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Ajax加载二级分类</title>
   	<script type="text/javascript" src="jquery.min.js"></script>
</head>

<body>
	<form method="post" enctype="multipart/form-data" >
		<input type="file" name="up_img" class=‘up_img‘>
		<select name="" id="city_id" class="city">
			<option value="">请选择</option>
			<option value="1">北京</option>
			<option value="2">上海</option>
			<option value="3">广州</option>
		</select>
		<select class="small_city">
			<option value="">请选择</option>
		</select>
		<input type="submit" name="" value="提交">
	</form>

<script>
	$(".city").change(function () {
        var city_id = $(this).val();
        var url = "http://localhost/AjaxImageUpload/up.php";
        postData = {
        	‘id‘:city_id
        };
        // alert(city_id);
        $.post(url,postData,function(result){
            //相关的业务处理
				console.log(result);
                // 将信息填充到html中
                city_html = "";
                $(result).each(function(i){
                    city_html += "<option value=‘"+this.id+"‘>"+this.name+"</option>";

                });
                $(‘.small_city‘).html(city_html);

        }, ‘json‘)
    });
</script>
</body>
</html>

up.php文件

<?php
$arr1 = [
	[‘id‘=>1,‘name‘=>‘aa‘],
	[‘id‘=>2,‘name‘=>‘bb‘],
	[‘id‘=>3,‘name‘=>‘cc‘],
];$arr2 = [
	[‘id‘=>1,‘name‘=>‘dd‘],
	[‘id‘=>2,‘name‘=>‘ee‘],
	[‘id‘=>3,‘name‘=>‘ff‘],
];$arr3 = [
	[‘id‘=>1,‘name‘=>‘gg‘],
	[‘id‘=>2,‘name‘=>‘hh‘],
	[‘id‘=>3,‘name‘=>‘ii‘],
];
//$id = $_POST[‘id‘];

//var_dump($arr);
$js1 = json_encode($arr1,true);
$js2 = json_encode($arr2,true);
$js3 = json_encode($arr3,true);
if(empty($_POST[‘id‘])){
	$_POST[‘id‘]= ‘‘;
}
// die;
$id = $_POST[‘id‘];

if($id==1){
	echo $js1;
}elseif($id==2){
	echo $js2;
}elseif($id==3){
	echo $js3;
}else{
	echo ‘‘;
}

原文：https://www.cnblogs.com/xben06/p/9219892.html

内容总结

以上是互联网集市为您收集整理的ajax加载二级分类全部内容，希望文章能够帮你解决ajax加载二级分类所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1242739.html

来源：【匿名】