js数据类型传递到服务器怎么用
㈠ 如何使用 NodeJS 将文件或图像上传到服务器
下面先介绍上传文件到服务器（多文件上传）：
import javax.servlet.*;
import javax.servlet.http.*;
import java.io.*;
import java.util.*;
import java.util.regex.*;
import org.apache.commons.fileupload.*;
public class upload extends HttpServlet {
private static final String CONTENT_TYPE = "text/html; charset=GB2312";
//Process the HTTP Post request
public void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
response.setContentType(CONTENT_TYPE);
PrintWriter out=response.getWriter();
try {
DiskFileUpload fu = new DiskFileUpload();
// 设置允许用户上传文件大小,单位:字节，这里设为2m
fu.setSizeMax(2*1024*1024);
// 设置最多只允许在内存中存储的数据,单位:字节
fu.setSizeThreshold(4096);
// 设置一旦文件大小超过getSizeThreshold()的值时数据存放在硬盘的目录
fu.setRepositoryPath("c://windows//temp");
//开始读取上传信息
List fileItems = fu.parseRequest(request);
// 依次处理每个上传的文件
Iterator iter = fileItems.iterator();
//正则匹配，过滤路径取文件名
String regExp=".+////(.+)$";
//过滤掉的文件类型
String[] errorType={".exe",".com",".cgi",".asp"};
Pattern p = Pattern.compile(regExp);
while (iter.hasNext()) {
FileItem item = (FileItem)iter.next();
//忽略其他不是文件域的所有表单信息
if (!item.isFormField()) {
String name = item.getName();
long size = item.getSize();
if((name==null||name.equals("")) && size==0)
continue;
Matcher m = p.matcher(name);
boolean result = m.find();
if (result){
for (int temp=0;temp<ERRORTYPE.LENGTH;TEMP++){
if (m.group(1).endsWith(errorType[temp])){
throw new IOException(name+": wrong type");
}
}
try{
//保存上传的文件到指定的目录
//在下文中上传文件至数据库时，将对这里改写
item.write(new File("d://" + m.group(1)));
out.print(name+" "+size+"");
}
catch(Exception e){
out.println(e);
}
}
else
{
throw new IOException("fail to upload");
}
}
}
}
catch (IOException e){
out.println(e);
}
catch (FileUploadException e){
out.println(e);
}
}
}
现在介绍上传文件到服务器，下面只写出相关代码：
以sql2000为例，表结构如下：
字段名：name filecode
类型： varchar image
数据库插入代码为：PreparedStatement pstmt=conn.prepareStatement("insert into test values(?,?)");
代码如下：
。。。。。。
try{
这段代码如果不去掉，将一同写入到服务器中
//item.write(new File("d://" + m.group(1)));
int byteread=0;
//读取输入流，也就是上传的文件内容
InputStream inStream=item.getInputStream();
pstmt.setString(1,m.group(1));
pstmt.setBinaryStream(2,inStream,(int)size);
pstmt.executeUpdate();
inStream.close();
out.println(name+" "+size+" ");
}
。。。。。。
这样就实现了上传文件至数据库
㈡ 如何使用javascript向服务器提交数据
使用ajax对象 异步请求服务器
例如:(如下代码使用了jquery)
$.ajax({
type:"post",
url:basePath+"notebook/findSpecial.do",//服务器请求地址
dataType:"json",//服务器返回的数据类型
data:{},//发送到服务器的参数(Json形式)
success:function(result){},//请求成功后，接受服务器传来的Json字符串，并做相应的处理
error:function(xhr,status,error){alert("请求失败.");}
});
㈢ 使用JavaScript 实现各种跨域的方法
一、一些概念
①传统Ajax：交互的数据格式——自定义字符串或XML描述；
跨域——通过服务器端代理解决。
②如今最优方案：使用JSON格式来传输数据，使用JSONP来跨域。
③JSON：一种数据交换格式。基于纯文本、被原生JS支持。
格式：两种数据类型描述符：大括号{
}、方括号[
]。分隔符逗号、映射符冒号、定义符双引好。
④JSONP：一种跨域数据交互协议，非官方。
1、Web页面调用js文件，可跨域。扩展：但凡有src属性的标签都具有跨域能力。
2、跨域服务器
动态生成数据
并存入js文件(通常json后缀)，供客户端
调用。
3、为了便于客户端使用数据，形成一个非正式传输协议，称为JSONP。该协议重点是允许用户传递一个callback参数给服务器，然后服务器返回数据时
将此callback参数作为函数名包裹住JSON数据，使得客户端可以随意定制自己的函数来自动处理返回数据。
二、JSONP实现
实例1——客户端单方面接收：
①客户端——在客户端设置创建一个函数对象，名称可为callFunc，用于接收服务器的js数据和对其进行处理。
js数据中的核心是：调用callFunc函数的同时附带着参数，此参数即data对象的值。
复制代码
代码如下:
<script
type="text/javascript">
var
callFunc
=
function(data){
alert('远程js文件传来的数据：'
+
data.result);//data为服务器端的JSON数据对象。
};
</script>
<script
type="text/javascript"
src="http://其他域的js文件.com/remote.js"></script>
②服务器端——直接调用客户端js中的函数，并传入数据。
复制代码
代码如下:
callFunc({"result":"value1"});
实例2——客户端向服务器传送
指定函数名，服务器端接收该函数名
并调用对应函数
将数据以参数形式传入。
复制代码
代码如下:
<script
type="text/javascript">
//
得到航班信息查询结果后的回调函数
var
flightHandler
=
function(data){
alert('你查询的航班结果是：票价
'
+
data.price
+
'
元，'
+
'余票
'
+
data.tickets
+
'
张。');
};
//
动态添加链接服务器js文件的script。
//
在url地址中传递了一个code参数匹配JSON数据中的某个key，callback参数则告诉服务器：本地回调函数名为callFuncName。
var
url
=
"http://flightQuery.com/jsonp/flightResult.aspx?code=CA1998&callback=callFuncName";
var
script
=
document.createElement('script');
script.setAttribute('src',
url);
//
将script元素在网页加载时插入head头部
document.getElementsByTagName('head')[0].appendChild(script);
</script>
总结：实现的代码并不复杂，但在实现Ajax跨域、frameset/iframe跨域等却是效率颇高的。