JQuery Ajax 备忘录

$(function(){
	$("#btn_getData")
	.click(function(){
		$.post("getParentDict.action",function(data){
			var obj=$(eval(data));
			var sel=$("#sel_mianNodes");
			sel.find("option").remove();
			obj.each(function(i,item){
				var content="<option value='"+item.dicid+"'>"+item.dicname+"</option>";
				sel.append(content);
			});
		});
	});
	
	$("#sel_mianNodes")
	.change(function(){
		$.post("queryJasonDict.action",{parentId:$(this).val()},function(data){
			var obj=$(eval(data));
			var sel=$("#sel_child");
			sel.find("option").remove();
			obj.each(function(i,item){
				var content="<option value='"+item.dicid+"'>"+item.dicname+"</option>";
				sel.append(content);
			});
		});
	});
	
});


 

public void getParent(){
		List<Dictinfo> list_dic=dicDao.getParent();
		StringBuffer strBuf=new StringBuffer("{[");
		for(Dictinfo dic : list_dic){
			strBuf.append("{dicid:'"+dic.getDicid()+"',dicname:'"+dic.getDicname()+"',dicvalue:'"+dic.getDicvalue()+"'},");
		}
		strBuf.deleteCharAt(strBuf.lastIndexOf(","));
		strBuf.append("]}");
		try {
			ServletActionContext.getResponse().setCharacterEncoding("UTF-8");
			PrintWriter pwriter=ServletActionContext.getResponse().getWriter();
			pwriter.write(strBuf+"");
			pwriter.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}
	
	public void queryJson(String parentId){
		System.err.println("in~");
		List<Dictinfo> list_dic=dicDao.getChild(parentId);
		StringBuffer strBuf=new StringBuffer("{[");
		for(Dictinfo dic : list_dic){
			strBuf.append("{dicid:'"+dic.getDicid()+"',dicname:'"+dic.getDicname()+"',dicvalue:'"+dic.getDicvalue()+"'},");
		}
		strBuf.deleteCharAt(strBuf.lastIndexOf(","));
		strBuf.append("]}");
		System.out.println(strBuf);
		try {
			ServletActionContext.getResponse().setCharacterEncoding("UTF-8");
			PrintWriter pwriter=ServletActionContext.getResponse().getWriter();
			pwriter.write(strBuf+"");
			pwriter.close();
		} catch (IOException e) {
			e.printStackTrace();
		}
	}


 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
1. HTML代码 ```html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>备忘录</title> <script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.min.js"></script> </head> <body> <h2>备忘录</h2> <form> <label>标题:</label> <input type="text" id="title"><br><br> <label>内容:</label> <textarea id="content"></textarea><br><br> <input type="button" value="添加备忘录" onclick="addMemo()"> </form> <hr> <h3>备忘录列表</h3> <ul id="memoList"> </ul> <script src="memo.js"></script> </body> </html> ``` 2. JavaScript代码 ```javascript // 添加备忘录 function addMemo() { var title = $("#title").val(); var content = $("#content").val(); $.ajax({ type: "POST", url: "add_memo.php", // 处理新增备忘录的PHP文件 data: {title: title, content: content}, dataType: "json", success: function(data){ if(data.status == "success"){ alert("添加成功!"); $("#title").val(""); $("#content").val(""); getMemoList(); // 添加成功后,重新获取备忘录列表 }else{ alert("添加失败!"); } } }); } // 获取备忘录列表 function getMemoList() { $.ajax({ type: "GET", url: "memo_list.php", // 处理获取备忘录列表的PHP文件 dataType: "json", success: function(data){ if(data.status == "success"){ var memoListHtml = ""; for(var i=0; i<data.memoList.length; i++){ memoListHtml += "<li><h4>"+data.memoList[i].title+"</h4><p>"+data.memoList[i].content+"</p></li>"; } $("#memoList").html(memoListHtml); }else{ alert("获取备忘录列表失败!"); } } }); } $(function(){ getMemoList(); // 页面加载时获取备忘录列表 }); ``` 3. PHP代码(add_memo.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 获取POST数据 $title = $_POST["title"]; $content = $_POST["content"]; // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "INSERT INTO memo (title, content) VALUES ('$title', '$content')"; if ($conn->query($sql) === TRUE) { $result = array("status"=>"success"); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ``` 4. PHP代码(memo_list.php) ```php <?php header('Content-Type: application/json; charset=utf-8'); // 连接数据库 $servername = "localhost"; $username = "root"; $password = "root"; $dbname = "memo"; $conn = new mysqli($servername, $username, $password, $dbname); if ($conn->connect_error) { die("连接失败: " . $conn->connect_error); } // SQL语句 $sql = "SELECT * FROM memo ORDER BY id DESC"; $result = $conn->query($sql); if ($result->num_rows > 0) { $memoList = array(); while($row = $result->fetch_assoc()) { $memo = array( "title"=>$row["title"], "content"=>$row["content"] ); array_push($memoList, $memo); } $result = array("status"=>"success", "memoList"=>$memoList); } else { $result = array("status"=>"fail"); } $conn->close(); echo json_encode($result); ?> ```

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值