Web前端 测试数据接口url,如何post一个XML字符串,点击保存就可以保存到数据库

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>测试xml服务</title>
    <script src="../js/kendo/jquery.min.js"></script>
    <script src="../js/kendo/kendo.all.min.js"></script>
    <script src="../js/kendo/kendoAjax.js"></script>
</head>
<body>
    <input type="button" id="btnSave" value="提交" />

    <script type="text/javascript">
        $(document).ready(function () {
            $(‘#btnSave‘).click(function () {
                var xmlHttp = createXMLHttp();
                if (xmlHttp == null) {
                    alert("不支持ajax");
                    return;
                } else {
                    xmlHttp.onreadystatechange = function () {
                        if (xmlHttp.readyState == 4) {
                            alert("请求完成");
                        }
                    }
                    var xmlBody = createXMLContent();
                    var url = ‘http://192.168.0.88:17102/EVCENG/ICEvent‘;
                    xmlHttp.open(‘post‘, url, true);
                    xmlHttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
                    alert(xmlBody);
                    xmlHttp.send(xmlBody);
                }
            });

        })
        function createXMLContent() {
            var xmlContent = ‘<Data><ICEvent Title="事件" EventDesc="描述" EventClass="风险" EventName="年度安排不一致" InvObj="划纲要编制" BusAction="五年规划纲要编制" RiskLevel="重大" HappenTime="2016-06-14 13:00:00" FoundTime="2016-06-15 12:00:00" HappenUnit="办公厅" ResponsibleUser="zhangchao" SourceSys="00001" LeadUnit="财政部" Response="应对措施"/></Data>‘;
            return xmlContent;
        }

        function createXMLHttp() {
            var httpRequest;
            try {
                httpRequest = new XMLHttpRequest();

            } catch (e) {
                try {
                    httpRequest = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    try {
                        httpRequest = new ActiveXObject("Microsoft.XMLHTTP");
                    } catch (e) {
                        return null;
                    }
                }
            }
            return httpRequest;
        }

    </script>
</body>
</html>

  

时间: 2024-10-16 16:28:05

Web前端 测试数据接口url,如何post一个XML字符串,点击保存就可以保存到数据库的相关文章

web前端入门到实战:制作一个百度首页

一. 我们制作一个百度首页作为练习,可直接复制该代码保存后缀名为.html来查看 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>d93_baidu_home_exercise</title> <style> .header{ height: 250px; /*background-color

web前端自动接口扫描

第一次发博客,还请大家多多指教. 目前在做的项目是前后台分离的,使用wiremock造的数据,但是接口一般都是后台推动的(版本经理在后台那边).很多次后台改动了接口往往没有告知前台,导致联调时候经常出现接口错误,而且很多时候各个接口之间有依赖关系,如果前面的接口没法测试后续的接口也没法进行.基于此,很有必要开发一套能够自动测试接口的方法. 直接上代码,testPortForConsole.js: var postDatas = [ { url : '/getStudents.do' , port

谷歌编码风格内容,新建一个xml文件,复制进去就可以在eclipse里面用了,命名--eclipse-java-google-style.xml

<?xml version="1.0" encoding="UTF-8" standalone="no"?> <profiles version="13"> <profile kind="CodeFormatterProfile" name="GoogleStyle" version="13"> <setting id=&qu

两个按钮共用一个界面并且点击该界面保存按钮调用不同事件

第一种情况:新增修改共用窗口 新增是创建model加载到弹出窗口的form中,sysid为空(sysid是在保存记录时生成的一串字符,由sys_guid()得到).编辑时将grid已选项加载到弹出窗口form,此时该记录是已存在所以sysid不为空,然后就以此判断编辑窗口的保存按钮点击时是调用新增还是修改. 第二种情况:批量制作主副卡 与新增和修改共用窗口不一样,创建卡时,grid选中的是卡信息而弹出的创建卡窗口中form的model并不是卡信息而是批量制卡的一些条件数据,所以不能和新增修改一概

web前端_正式开发之路_第一周_总结

2016.11.07正式入职xx企业(暂时保密),岗位:web前端开发工程师. 作为从一个设计.美工转战到web前端开发岗位,当然,现在还处于试用期阶段,三个月的时间,不短吧,不知道是不是能顺利的通过这段时期,希望吧. 作为一个转行的人,可以说我的转行是历经曲折,经历了八九个月的时间,其中五味杂陈,只有自己知道自己经历了多么痛苦的时光,不过,还好吧,自己的选择,自己的兴趣,苦点累点倒不是很重要,重要的是现在自己进入了开发角色,无所谓薪水.工作时间等,只要是开发的工作就好,不要单纯的做个codin

【转】别人家的孩子之《说说我的web前端之路,分享些前端的好书》

链接http://www.cnblogs.com/Darren_code/archive/2011/02/09/JavaScript.html   2011-10-31 22:56 by 聂微东 PS:(11年现在都16年了 落后了5年哎...) WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,

使用 jQuery.i18n.properties 实现Web 前端的国际化

国际化是现在 Web 应用程序开发中的重要一环.jQuery.i18n.properties 是一款轻量级的 jQuery 国际化插件,能在不对后端做任何更改的情况下,实现 Web 前端的国际化.与其他国际化工具相比, jQuery.i18n.properties 插件具有简单.易用.松耦合的特点.本文通过实际的例子,介绍如何通过 jQuery.i18n.properties 插件来实现 Web 前端的国际化.代码下载 jQuery.i18n.properties 简介 在介绍 jQuery.i

使用 jQuery.i18n.properties 实现 Web 前端的国际化

jQuery.i18n.properties 简介 在介绍 jQuery.i18n.properties 之前,我们先来看一下什么是国际化.国际化英文单词为:Internationalization,又称 i18n,"i"为单词的第一个字母,"18"为"i"和"n"之间单词的个数,而"n"代表这个单词的最后一个字母.在计算机领域,国际化是指设计能够适应各种区域和语言环境的软件的过程. jQuery.i18n

WEB前端学习有用的书籍

WEB前端研发工程师,在国内算是一个朝阳职业,这个领域没有学校的正规教育,大多数人都是靠自己自学成才.本文主要介绍自己从事web开发以来(从大二至今)看过的书籍和自己的成长过程,目的是给想了解JavaScript或者是刚接触JavaScript的朋友,介绍如何通过循序渐进的看书来学习javascript.一. 入门级 :就是有一定的基础(比如最常见的HTML标签及其属性.事件.方法;最常见的CSS属性;基础的JavaScript编程能力),能够完成一些简单的WEB前端需求. 推荐:<JavaSc