Ajax+jsp铺个界面

最新推荐文章于 2022-11-29 22:36:21 发布
最新推荐文章于 2022-11-29 22:36:21 发布
阅读量251 收藏
点赞数
分类专栏： java
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sunzhenglin2016/article/details/54602694
版权 
<%@page import="com.sun.tools.internal.xjc.model.Model"%>
<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<% int i = 10 ;%>
<c:set var="ctx" value="${pageContext.request.contextPath}" />
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <link rel="stylesheet" href="${ctx}/content/css/reset.css" />
    <link rel="stylesheet" href="${ctx }/content/css/right.css" />
    <link rel="stylesheet" href="${ctx }/content/css/info.css" />
    <script type="text/javascript" src="${ctx }/content/js/jquery-1.7.1.min.js"></script>

    <script type="text/javascript" src="${ctx }/content/layer/layer.js"></script>
    <style type="text/css">
        .image div{width:22%; float: left;margin-right:5px;}
        .image div img{width: 100%;height: 100%;}
        html, body{margin:0;padding-top:0px;padding-bottom:0px; height:100%;}
        .tag-editor{border: 1px solid #ccc;width: 93%;}
        .exp1{font-size:18px; text-align:center} 
    </style>
</head>
<body>
    <input type="hidden" id="giGtId" value=""/>
    <br/>
    <h1 class="exp1"  >新闻录入界面<%=i %></h1>
    <table class="shaixuan">
        <tr height="36">
            <td width=" 10%" class="TD3">文章标题：</td>
            <td width="65%" class="TD2"><input id="newsTitle" maxlength="15" class="shuru" style="width:80%;" type="text"/></td>
        </tr>
        <tr height="36">
            <td width=" 10%" class="TD3">文章副标题：</td>
            <td class="TD2"><input id="newsSubTitle" maxlength="15" class="shuru" style="width:80%;" type="text"/></td>
        </tr>
        <tr height="36">
            <td width=" 10 %" class="TD3" >文章内容：</td><td/>
        </tr>
        <tr  height="340" align="center">   
        <td  class="TD2" height="340"  colspan="2" style="text-align:center"  >
        <textarea  id="newsContent"  style="width:70%;height:100%"    ></textarea>
        </td>
        </tr>
        <tr height="36">
            <td width="10%" class="TD3">文章状态：</td><td class="TD2">
            <input id="newsState" maxlength="15" class="shuru" style="width:80%;" type="text"/></td>
        </tr>
        <tr height="36">
            <td width="10%" class="TD3">文章类型：</td><td class="TD2">
            <input id="newsType" maxlength="15" class="shuru" style="width:80%;" type="text"/></td>
        </tr>
        <tr height="36">
            <td width="10%" class="TD3">文章封页：</td><td class="TD2">
            <input id="newsImg" maxlength="15" class="shuru" style="width:80%;" type="text"/></td>
        </tr>
        <tr height="36">
            <td colspan="4"  style="margin-left:50%;" class="TD3">
                <div class="caozuo" style="margin-left:44%;">
                    <a href="javascript:save()" style="width:80px; text-align:center;  height:30px; line-height:30px;">保存</a>
                </div>
            </td>
        </tr>
    </table>


</body>
<script type="text/javascript">


    function save(){

        if($.trim($("#newsTitle").val())== ""||$.trim($("#newsSubTitle").val())== ""||
                $.trim($("#newsContent").val())== ""||$.trim($("#newsState").val())== ""||
                $.trim($("#newsType").val())== ""||$.trim($("#newsImg").val())== ""){

            layer.msg("输入不能为空");
            return;
        }
        var load = layer.load(1);
        $.ajax({
            url : '${ctx}/api/news/addNews.do',
            type : 'post',
            timeout : 8000,
            data : {'newsTitle':$("#newsTitle").val(),
                    'newsSubTitle':$("#newsSubTitle").val(),
                    'newsContent':$("#newsContent").val(),
                    'newsState':$("#newsState").val(),
                    'newsType':$("#newsType").val(),
                    'newsImg':$("#newsImg").val()},
            dataType : 'json',
            success : function(result){
                layer.msg("成功");
                layer.close(load);
                layer.msg(result.msg);
            },
            error: function(){
                layer.msg("错误");
                layer.close(load);

            }
        }) 
    }


</script>
</html>
有酒有故事
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Java+servlet+jsp页面ajax请求
10-10
Java+servlet+jsp页面ajax请求 有详细的注释
html ajax访问jsp页面,ajax请求jsp返回了整个页面(ajax+jsp)
weixin_39767887的博客
06-03 802
前端使用ajax向jsp页面请求xmlHttp = new XMLHttpRequest();url = "AjaxServer.jsp";var uname = document.getElementById("name").value;var pwd = document.getElementById("pwd").value;xmlHttp.open("POST", url, true);x...
ajax发送请求到jsp,jsp+ajax发送GET请求的方法
weixin_35879493的博客
08-05 1008
推荐：java使用smartupload组件实现文件上传的方法这篇文章主要介绍了java使用smartupload组件实现文件上传的方法,对比分析了使用组件与不使用组件实现文件上传的区别,具有一定参考借鉴价值,需要的朋友可以参考下 本文实例讲述了java使用smartupload组件实现文件上传的方法。分享给大家供大家参考。具体分析如下： 文件本文实例讲述了ajax发送GET请求，然后通过jsp页...
jsp发ajax请求
brrby
09-14 4661
jsp页面ajax请求判断数据库里是否存在用户 配置yml： 然后在pom文件中加入jsp的必要依赖： <!-- 连接oracle数据库的依赖 --> <dependency> <groupId>com.oracle</groupId> <artifactId>ojdbc6</artifactId> <version>11.2.0.3</version> </depend
html ajax请求jsp,在jsp中运用ajax(简单入门) _jsp技巧
weixin_36081187的博客
06-18 653
由于ajax为我们带来太多的好处，所以在很多应用中我们都会优先选择这种技术，于是我也为之所吸引，现跟大家分享下一个简单的入门例子。regist.jsp文件：一个简单的注册页面%>-//W3C//DTD HTML 4.01 Transitional//EN”>注册页面function myAlert(strTitle) {var message=document.getElementBy...
jsp+ajax+servlet+jdbc案例
08-08
通过这个案例，开发者可以深入理解JSP、AJAX、Servlet和JDBC之间的协同工作原理，为后续学习更高级的Web框架如Spring MVC或Struts打下坚实基础。同时，这也是一个实际操作的练习，帮助开发者提高动手能力和问题解决...
Servlet+jsp+AJax的分页及增删改查
06-13
在本文中，我们将深入探讨如何使用Servlet、JSP和Ajax技术实现一个完整的增删改查（CRUD）功能以及分页。Servlet是Java Web应用程序的一部分，用于处理客户端请求和响应。JSP则是一种动态网页技术，它允许在服务器端...
Ajax+jsp注册验证用户
09-27
总的来说，"Ajax+jsp注册验证用户"的项目涵盖了前端与后端的交互、数据库操作、用户输入验证以及安全防护等多个方面，是一个综合性的Web开发实践。通过学习和实现这样的例子，开发者可以深入理解Ajax和JSP在实际项目...
Servlet+ajax+jsp 购物车系统
09-28
【Servlet+Ajax+jsp 购物车系统】是一个典型的Web应用程序示例，它整合了Java后端技术、异步JavaScript和XML（Ajax）以及JavaServer Pages（jsp）来实现动态网页交互。在这个系统中，MySQL数据库用于存储商品信息和...
JSP+AJAX华丽界面聊天室
03-30
JSP网络聊天,JSP网络聊天源码,JSP聊天源码,JSP...JSP+AJAX华丽界面聊天室，AJAX技术所用的是jQuery框架，运行前需要配置好你的JSP服务器，功能不算多，只实现了无刷新发送消息功能，帮助JSP新手更好的理解AJAX的使用。
ajax访问jsp,AJAX访问一个JSP出错
weixin_30636449的博客
08-06 304
AJAX访问一个JSP出错0AJAX访问一个JSP页面获取数据,结果后台报错2008-08-05 14:52:23,196 INFO [STDOUT] null---null---null2008-08-05 14:52:23,212 INFO [STDOUT] cache:true&&&&&&&&2008-08-05 14:52...
html ajax请求jsp,JSP+jquery使用ajax方式调用json的实现方法
weixin_32336149的博客
06-18 193
本文实例讲述了JSP+jQuery使用Ajax方式调用JSON的实现方法，在这里分享给大家以供大家参考，具体的实现以及代码如下所示：前台：//testfunction test(uid){if(confirm("确定该用户操作"+uid+"吗？")){var date = new Date();var param = {uid:uid};jQuery.get("test.jsp?para=" + ...
神奇的Ajax
weixin_61946177的博客
04-25 284
Ajax：只刷新局部页面的技术 常用方法： 方法名 说明 open(method,URL,async) 建立与服务器的连接 method参数指定请求的HTTP方法,典型的值是GET或POST URL参数指定请求的地址 async参数指定是否使用异步请求，其值为true或false send(content) 发送请求 content参数指定请求的参...
JavaWeb简单实例——Ajax请求
hssjsh的博客
11-29 2013
JavaWeb简单实例——使用jQuery实现Ajax请求
在jsp中运用ajax(简单入门)
linzengwu的专栏
11-14 3449
利用ajax实现局部刷新 本文简单介绍ajax+jsp实现用户名验证demo（这里做了一个前台HTML页面和一个后台Servlet）: 总的思路：1.js发送ajax请求，2.jsp页面调用js中的方法，3.匹配servlet来处理请求，4.通过DOM去显示结果。 regedit.html： <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 T...
jsp中发送Ajax请求及Servlet中响应
qq_42640067的博客
06-14 3360
jsp页面发送Ajax请求，和html中其实一样，jsp代码如下： <%-- Created by IntelliJ IDEA. User: 17605 Date: 2021/6/6 Time: 19:10 To change this template use File | Settings | File Templates. --%> <%@ page contentType="text/html;charset=UTF-8" language="java" %&g
ajax在spring中,在SpringMVC中接收和响应ajax请求
weixin_33719097的博客
08-05 1033
使用ajax的目的：实现异步请求，客户端发送的请求携带数据到达服务器，服务器接收到请求后进行处理，然后返回处理后的数据。客户端接收到返回的数据后对数据进行解析，并通过局部刷新显示数据一 接收ajax请求步骤：第一步：导入jar包在jsp页面中引入jar包第二步：通过配置让springmvc框架不再拦截一些静态请求第三步：写ajax$(function (){$("#btn").click(func...
从.jsp发送ajax请求
weixin_44615968的博客
06-22 1037
1.在button上添加onclick事件 2.在<head>的<script>中添加函数 function modifyName(){ $.ajax({ type:"post", //方式 url:"${pageContext.request.contextPath}/xxxxxxxx/xxxxxx/modifyName", //寻址，处理页面 data:{"
JSP+Servlet+Ajax实现用户增删
最新发布
06-09
接着，我们需要编写一个 JSP 页面，用来显示用户列表和提供用户增删的操作界面。在 JSP 页面中，我们可以使用 JSTL 标签库和 EL 表达式来动态生成页面内容。 最后，我们可以使用 Ajax 技术，通过异步请求向后台发送...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值