正文
h5加java交互代码的简单介绍
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
HTML5如何和JAVA后台数据交互。如：查询功能，查询JAVA后台数据，展示在HTML5页面中。
这是一门课程了。java web，，或者叫jsp。jsp就是由html和java脚本，等语言构成的。
java程序嵌套在html里。相当于php。以网页的形式将java展现。这也就是所谓的动态。
以为java程序获取的时间会变动。或者数据库变动从而引起网页的变动。
具体实现，你可以在网上查找jsp教程。以下是一个jsp页面的例子：
%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%
注释（1）：上面一句是jsp命令语句，标准形式%@ %表示，利用java脚本语言。引入java.util包里的所有文件。编码为utf-8
%
String path = request.getContextPath();
String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";
%
注释2：java脚本
之后是标准的html格式。可嵌入java代码
!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
html
head
base href="%=basePath%"
titleMy JSP 'index.jsp' starting page/title
meta http-equiv="pragma" content="no-cache"
meta http-equiv="cache-control" content="no-cache"
meta http-equiv="expires" content="0"
meta http-equiv="keywords" content="keyword1,keyword2,keyword3"
meta http-equiv="description" content="This is my page"
!--
link rel="stylesheet" type="text/css" href="styles.css"
--
/head
body
This is my JSP page. br
可嵌入java脚本% %
/body
/html
相关问答
Q1: hbuilder 中 h5app如何调用自己写的java代码
编辑菜单中h5加java交互代码的整理代码格式
快捷键ctrl+shift+F
一般情况最好是自己边编写边排版
Q2: 前台h5 Socket.Io.js做客户端，服务器用Tomcat，java后台怎么实现通讯。也是用socketio吗？上详细代码。
socket.io封装了websocket，同时包含了其它的连接方式，比如Ajax。原因在于不是所有的浏览器都支持websocket，通过socket.io的封装，你不用关心里面用了什么连接方式。
你在任何浏览器里都可以使用socket.io来建立异步的连接。socket.io包含了服务端和客户端的库，如果在浏览器中使用了socket.io的js，服务端也必须同样适用。如果你很清楚你需要的就是websocket，那可以直接使用websocket
Q3: H5页面与原生交互的方法之 二、JsBridge
JsBridge配置方法请看第一篇
H5页面与原生交互h5加java交互代码的方法之 一、addJavascriptInterface
1、指定处理者
java创建处理者
js指定处理者
html
2、不指定处理者
java添加默认处理者
js发送信息
html
1、指定处理者
js创建处理者
java指定处理者
2、不指定处理者
js接收native发送h5加java交互代码的消息
java发送消息
Q4: 前后台分离h5和后台数据接口怎么交互数据的
1.利用cookie对象
Cookie是服务器保存在客户端中的一小段数据信息。使用Cookie有一个前提，就是客户端浏览器允许使用Cookie并对此做出相应的设置。一般不赞成使用Cookie。
（1）后台代码
Cookie cookie=new Cookie("name", "hello");
response.addCookie(cookie);
（2）前台代码
Cookie[] cookies=request.getCookies();
for(int i=0;icookies.length;i++){
if(cookies[i].getName().toString().equals("name")){
out.print(cookies[i].getValue());
}
}
2.利用session对象
session对象表示特定会话session的用户数据。客户第一次访问支持session的JSP网页，服务器会创建一个session对象记录客户的信息。当客户访问同一网站的不同网页时，仍处于同一个session中。
（1）后台代码
request.getSession().setAttribute("name", name);
request.getSession().setMaxInactiveInterval(2);
response.sendRedirect("welcome.jsp");
（2）前台代码（jsp页面）
Object user=request.getSession().getAttribute("name");
3.利用request重定向，设置setAttribute
（1）后台代码
request.setAttribute("name", "cute");
request.getRequestDispatcher("welcome.jsp").forward(request, response); //网址不会改变
PS:如果后台使用的转发代码为 response.sendRedirect("welcome.jsp"); //网址变为welcome.jsp
则request设置的参数无效，因为已经切换到另一个请求了，request参数的有效期为本次请求。
（2）前台代码
String name=request.getAttribute("name").toString();
4.利用Ajax进行异步数据请求（得到的数据可以以json或xml格式返回，便于处理）
(1)后台代码案例（运用servlet传输数据）
public class TestServlet extends HttpServlet {
/**
* Constructor of the object.
*/
public TestServlet() {
super();
}
public void doGet(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
doPost(request, response);
}
public void doPost(HttpServletRequest request, HttpServletResponse response)
throws ServletException, IOException {
response.setContentType("text/html");
PrintWriter out = response.getWriter();
String data="[{\"name\":\"apple\",\"price\":23},{\"name\":\"banana\",\"price\":12},{\"name\":\"orange\",\"price\":8}]";
out.write(data);
out.flush();
out.close();
}
/**
* Initialization of the servlet. br
*
* @throws ServletException if an error occurs
*/
public void init() throws ServletException {
// Put your code here
}
}
2.前台js请求处理数据代码
function createXMLHttpRequest(){
var xmlrequest;
if(window.XMLHttpRequest){
xmlrequest=new XMLHttpRequest();
}else if(window.ActiveXObject){
try{
xmlrequest=new ActiveXObject("Msxm12.XMLHTTP");
}catch(e){
try{
xmlrequest=new ActiveXObject("Microsoft.XMLHTTP");
}catch(e){
xmlrequest="";
}
}
}
return xmlrequest;
}
//获取数据的函数
function change(){
var xmlrequest=createXMLHttpRequest();
xmlrequest.open("POST","TestServlet",true);
xmlrequest.onreadystatechange=function(){
if(xmlrequest.readyState==4xmlrequest.status==200){
var data=JSON.parse(xmlrequest.responseText);
var content="table border=1";
for(var i=0;idata.length;i++){
content+="tr";
for(o in data[i]){
content+="td"+data[i][o]+"/td";
}
content+="/tr";
}
content+="/table";
document.getElementById("test").innerHTML=content;
}
};
xmlrequest.send();
}
关于h5加java交互代码和的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。
