用dreamweaver htm的网页 一个输入框 一个按钮 点按钮将输入框中的内容保存到本地 怎么写
本人是菜鸟,请说得尽量详细,谢谢!
假如保存在C盘根目录
这是源代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<body>
<form id="form1" name="form1" method="post" action="">
<label>text1
<textarea name="textarea"></textarea>
</label>
</form>
<form id="form2" name="form2" method="post" action="">
<label>butt
<input type="submit" name="Submit" value="提交" />
</label>
</form>
</body>
</html> 展开
html核心代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>保存到本地</title>
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">
function savecontent(){
var content = $('textarea[name=content]').val();
var urlp = 'servlet/HandlerServlet';
$.ajax({
type:'POST',
url:urlp,
data:'content=' + content,
dataType:'text',
success:function(msg){
alert(msg);
}
});
}
</script>
</head>
<body>
<br/><br/>
<center>
内容:<textarea rows="4" cols="20" name="content">请把html页面的这段内容保存到本地。核心是用ajax异步技术实现。</textarea>
<button onclick="savecontent()">保存文本内容</button>
</center>
</body>
//servlet核心代码
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
process(request, response);
}
private void process(HttpServletRequest request,
HttpServletResponse response){
BufferedWriter bw = null;
try {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
PrintWriter pw = response.getWriter();
String content = request.getParameter("content");
bw = new BufferedWriter(new OutputStreamWriter(new FileOutputStream("c:/content.txt")));
bw.write(content);
bw.flush();
pw.print("保存成功");
} catch (Exception e) {
e.printStackTrace();
}finally{
try {
if(bw != null){
bw.close();
bw = null;
}
} catch (IOException e) {
e.printStackTrace();
}
}
}
谢谢您,但是我真的看不懂,拿到您的代码我不知道该怎么做。把他们全复制到记事本 然后改后缀为htm?或者您可以告诉我完整的代码。真的很感谢。
你会java吗?我这个需要创建一个servlet。另外用到了jquery插件
就需要用到服务器端的动态技术了,比如ASP, PHP, JSP, .NET.
最常见的有两种方法, 一是写入数据库, 二是直接生成一个HTML页面, 当然也有两种同时使用的.html核心代码
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>保存到本地</title>
<script type="text/javascript" src="js/jquery-1.4.4.js"></script>
<script type="text/javascript">
function savecontent(){
var content = $('textarea[name=content]').val();
var urlp = 'servlet/HandlerServlet';
$.ajax({
type:'POST',
url:urlp,
data:'content=' + content,
dataType:'text',
success:function(msg){
alert(msg);
}
});
}
</script>
</head>
<body>
<br/><br/>
<center>
内容:<textarea rows="4" cols="20" name="content">请把html页面的这段内容保存到本地。核心是用ajax异步技术实现。</textarea>
<button onclick="savecontent()">保存文本内容</button>
</center>
</body>
//servlet核心代码
protected void doPost(HttpServletRequest request,
HttpServletResponse response) throws ServletException, IOException {
process(request, response);
}
private void process(HttpServletRequest request,
HttpServletResponse response){
BufferedWriter bw = null;
try {
request.setCharacterEncoding("UTF-8");
response.setCharacterEncoding("UTF-8");
response.setContentType("text/html");
PrintWriter pw = response.getWriter();
String content = request.getParameter("content");
bw = new BufferedWriter(new OutputStreamWriter(new FileOutputStream("c:/content.txt")));
bw.write(content);
bw.flush();
pw.print("保存成功");
} catch (Exception e) {
e.printStackTrace();
}finally{
try {
if(bw != null){
bw.close();
bw = null;
}
} catch (IOException e) {
e.printStackTrace();
如果随便哪个网页都能修改硬盘里的文件的话, 那你看别人写的网页时, 你硬盘里的文件不都被人改乱了?
这是最基本的安全限制.
那您能告诉我如何设计才能是我知道上网者写的是什么呢?
这个就需要用到服务器端的动态技术了,比如ASP, PHP, JSP, .NET.
最常见的有两种方法, 一是写入数据库, 二是直接生成一个HTML页面, 当然也有两种同时使用的.
静态网页是实现不了你要的效果的。。。。
最简单的数据库可以用txt或者xml,专业点的就用access或者mysql和mssql之类的大型数据库。。。。
谢谢您,您能告诉我完整的代码吗?我什么都不懂。。真的很感谢!
那您能告诉我如何设计才能是我知道上网者写的是什么呢?