【React新手学习指南】04 React中如何发送ajax请求？

写在前面，大家好！我是【跨考菌】，一枚跨界的程序猿，专注于后台技术的输出，目标成为全栈攻城狮！这博客是对我跨界过程的总结和思考。如果你也对Java、后端技术感兴趣，抑或是正在纠结于跨界，都可以关注我的动态，让我们一起学习，一起进步~
我的博客地址为：【跨考菌】的博客

目录

1 概述
- 1.1 ajax说明
- 1.2 常用的ajax请求库
- 1.3 效果
- 1.4 案例
2 axios
- 2.1 文档
- 2.2 相关API
3 fetch
- 3.1 文档
- 3.2 相关API

上篇【React新手学习指南】03 React脚手架实操(适合新手) 介绍了React脚手架创建应用的案例。本文开始学习React ajax的相关内容。和【跨考菌】一起加油吧~

、

更多ajax的内容请参考博主的《Ajax编程基础》专栏。

如果你觉得对你有帮助的话，记得帮博主一键三连哦

1 概述

1.1 ajax说明

React本身只关注于界面, 并不包含发送ajax请求的代码
前端应用需要通过ajax请求与后台进行交互(json数据)
react应用中需要集成第三方ajax库(或自己封装)

1.2 常用的ajax请求库

jQuery: 比较重, 如果需要另外引入不建议使用
axios: 轻量级, 建议使用
a. 封装XmlHttpRequest对象的ajax
b. promise风格
c. 可以用在浏览器端和node服务器端
fetch: 原生函数, 但老版本浏览器不支持
a. 不再使用XmlHttpRequest对象提交ajax请求
b. 为了兼容低版本的浏览器, 可以引入兼容库fetch.js
注：发送ajax请求的两种方式：1、封装xmlhttprequest；2、fetch方法

1.3 效果

需求:

界面效果如下
根据指定的关键字在github上搜索匹配的最受关注的库
显示库名, 点击链接查看库
测试接口: https://api.github.com/search/repositories?q=r&sort=stars

1.4 案例

<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>11_ajax</title>
</head>
<body>
<div id="example"></div>

<script type="text/javascript" src="../js/react.development.js"></script>
<script type="text/javascript" src="../js/react-dom.development.js"></script>
<script type="text/javascript" src="../js/babel.min.js"></script>
<script type="text/javascript" src="https://cdn.bootcss.com/axios/0.17.1/axios.min.js"></script>
<script type="text/babel">
  /*
  需求:
    1. 界面效果如下
    2. 根据指定的关键字在github上搜索匹配的最受关注的库
    3. 显示库名, 点击链接查看库
    4. 测试接口: https://api.github.com/search/repositories?q=r&sort=stars
  */

  class MostStarRepo extends React.Component {
     
    constructor (props) {
     
      super(props)
      this.state = {
     
        repoName: '',
        repoUrl: ''
      }
    }
    
    componentDidMount () {
     
      const url = `https://api.github.com/search/repositories?q=${
       this.props.searchWord}&sort=stars`
      // const url = `https://api.github.com/search/repositories2?q=${this.props.searchWord}&sort=stars`
      // axios.get(url)
      //   .then(response => {
     
      //     const result = response.data
      //     console.log(result)
      //     const repo = result.items[0]
      //     this.setState({
     
      //       repoName: repo.name,
      //       repoUrl: repo.html_url
      //     })
      //   })
      //   .catch(error => {
     
      //     // debugger
      //     console.log(error)
      //     alert('请求失败 '+ error.message)
      //   })

      fetch(url, {
     method: "GET"})
        .then(response => response.json()) // 返回的数据是json类型的
        .then(data => {
     
          console.log(data)
          if(data.message) {
     
            alert(`请求失败: ${
       data.message}`)
          } else {
     
            const repo = data.items[0]
            this.setState({
     
              repoName: repo.name,
              repoUrl: repo.html_url
            })
          }
        })
    }

    render () {
     
      const {
     repoName, repoUrl} = this.state
      if(!repoName) {
     
        return <h2>loading...</h2>
      } else {
     
        return (
          <h2>
            most star repo is <a href={
     repoUrl}>{
     repoName}</a>
          </h2>
        )
      }
    }
  }

  ReactDOM.render(<MostStarRepo searchWord="react"/>, document.getElementById('example'))
</script>
</body>
</html>

2 axios

2.1 文档

https://github.com/axios/axios

2.2 相关API

GET请求

axios.get('/user?ID=12345')
  .then(function (response) {
     
    console.log(response);
  })
  .catch(function (error) {
     
    console.log(error);
  });

axios.get('/user', {
     
    params: {
     
      ID: 12345
    }
  })
  .then(function (response) {
     
    console.log(response);
  })
  .catch(function (error) {
     
    console.log(error);
  });

POST请求

axios.post('/user', {
     
    firstName: 'Fred',
    lastName: 'Flintstone'
})
.then(function (response) {
     
  console.log(response);
})
.catch(function (error) {
     
  console.log(error);
});

3 fetch

3.1 文档

https://github.github.io/fetch/
https://segmentfault.com/a/1190000003810652

3.2 相关API

GET请求

fetch(url).then(function(response) {
     
  return response.json()
}).then(function(data) {
     
  console.log(data)
}).catch(function(e) {
     
  console.log(e)
});

POST请求

fetch(url, {
     
  method: "POST",
  body: JSON.stringify(data),
}).then(function(data) {
     
  console.log(data)
}).catch(function(e) {
     
  console.log(e)
})

如果对你有帮助，记得帮博主一键三连哦

你可能感兴趣的:(React新手学习指南,ajax,react,js)

react项目登录使用验证码人鱼小姐ww react.js 前端
react项目登录使用验证码imgSrc的格式是base64{this.state.imgSrc?(//eslint-disable-next-linejsx-a11y/alt-text{this.getCode();}}/>):()}
微信小程序请求接口的封装又菜又不想学的小张微信小程序微信小程序小程序前端
1.新建utils文件夹，在该文件夹下新建request.js文件其中的内容如下constGET='get';constPOST='post';constbaseURL='';//接口请求地址module.exports=function(options){returnnewPromise(function(resolve,reject){letheader={'content-type':'ap
小程序——请求接口和封装url 菜鸟程序员饭饭小程序
1.在xxx.js写下面代码（1）在Page的data中定义一个初始值，用于赋值，把数据渲染到页面//把数据渲染到页面，定义一个初始值userName:"2.在utils里面封装url//定义接口初始值consturl="https://ehcto.com/";constgetUrl=function(){returnurl+data;}module.exports={formatTime:for
小程序封装接口请求前端-七木微信小程序微信小程序前端
1.安装wechat-http包npminstallwechat-http2.创建`http.js`文件//utils/http.jsimportWechatHttpfrom'wechat-http';import{handleBusinessError}from'./errorHandling';//引入你自定义的业务错误处理函数//初始化WechatHttp实例consthttp=newWec
npm install报错，解决记录丁爸 web前端 npm
1.简介1.1.概述npm（NodePackageManager）是一个用于Node.js项目的包管理工具。它允许开发者在Node.js项目中安装、运行和分发模块。npm可以自动处理依赖关系，并且拥有一个巨大的生态系统，其中包含了数以万计的模块，这些模块可以用来扩展Node.js应用程序的功能。1.2.主要功能安装模块：使用npm可以轻松地从npm仓库下载并安装所需的模块到本地项目中。管理依赖关系
npm的使用最帅扫地僧 vue node js npm
文件模块的解析流程不同的版本对文件模块的解析流程往往不一样会先找同级别是否存在该文件，文件找不到，会找文件夹如果文件夹下面存在package.json，查看package.json中的main字段对应的文件，会执行此文件如果没有package.json文件，执行此文件夹下面的index.js文件，备注：对于有些版本，即使存在package.json中，即使存在main，也仍然会去执行index.j
Gitlab迁移到新的服务器后点击Integrations报500错误的解决方法奔跑吧邓邓子常见问题解答（FAQ）gitlab 服务器 jenkins
目录一、问题描述二、解决方法1.方法12.方法2（1）备份/etc/gitlab/gitlab-secrets.json（2）进入数据库（3）查看ProjectID（4）查找hookID并删除（5）申请访问令牌并执行api删除操作一、问题描述Gitlab迁移到新的服务器后点击Integrations报500错误：查后台日志/var/log/gitlab/gitlab-rails/productio
通过MessageChannel实现一个深拷贝会说法语的猪 javascript javascript
深拷贝在前端领域已经是个老生常谈的话题了，说起深拷贝相信大多数人第一反应就是通过JSON，其他的就是可以递归手写一个深拷贝，再就是使用第三方库已经写好的深拷贝，不再重复造轮子，例如：lodash。很早之前也写过关于深拷贝的博文（js深拷贝）通过JSON进行深拷贝的一些缺陷等。但是我这篇想通过MessageChannel来实现一个深拷贝。可能很多人对MessageChannel这个API并
若依AjaxResult的get(AjaxResult.CODE_TAG)有时返回的200，有时返回的字符串“200“ io无心 javaWeb java 开发语言
这个项目是多模块项目，之前通过webjson格式，多模块之前传输用的RestTemplate，但是对接其它系统时要用XML就添加了XML的依赖。原来原来ajaxResult.get(AjaxResult.CODE_TAG).equals(200)能返回true，现在get(AjaxResult.CODE_TAG).equals(200)返回false。现在现在get(AjaxResult.CODE
SpringBoot日志使用：Slf4j与Logback I like Code? spring boot logback java
步骤一：引入lombok即可，lombok自带@Slf4j注解（网上说不用引入api的依赖，若报错可添加）org.projectlomboklombok1.18.30providedorg.slf4jslf4j-api1.7.30ch.qos.logbacklogback-classic1.2.11步骤二：编写logback.xml%d{yyyy-MM-ddHH:mm:ss}[%thread]%-
Vue+Springboot开发框架下对于参数的深度理解(JSON,数组，对象) I like Code? vue.js spring boot json
JSON格式=》JavaScriptObjectNotation（对应前端，我觉得使用JSON格式就是啥都能存，然后直接传给后端，让后端去解析，这就很好体现了响应式开发模式，前端不直接对数据进行深度处理，而是通过后端进行处理）{}=》对应为一个对象，通过键值对进行存储以及访问{"content":"1","correct":false}发送一个包含id，name属性的对象那么后端如果只接收这个对象
JSP计算机专业在线考试与成绩分析系统的设计与实现86x78 CK3041 java 开发语言
本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容一、研究背景与意义随着信息技术的迅猛发展，计算机专业教育在高校中的地位日益重要。传统的考试方式受限于时间和空间，而在线考试作为一种新型的考试方式，具有灵活性和高效性，能够显著提高考试效率，减轻教师工作负担。然而，现有的在线考试系统大多缺乏对学生学习情况的深入分析和有效反馈
JSON数据的解析与生成：深入Python的实践与应用傻啦嘿哟 python办公自动化 json python 开发语言
目录一、JSON基础1.1JSON简介1.2Python中的JSON处理二、解析JSON字符串到Python字典2.1使用json.loads()函数2.2异常处理三、将Python字典转换为JSON字符串3.1使用json.dumps()函数3.2格式化输出3.3将Python对象写入文件四、将Python对象写入JSON文件4.1使用json.dump()函数4.2读取JSON文件五、进阶应用
文件上传详解星|焰安全
文件上传概念文件上传是由于对上传文件未作过滤或过滤机制不严（文件后缀或类型），导致恶意用户可以上传脚本文件，通过上传文件可达到控制网站权限的目的。文件上传原理文件上传漏洞是指由于程序员在对用户文件上传部分的控制不足或者处理缺陷，而导致的用户可以越过其本身权限向服务器上上传可执行的动态脚本文件。webshell一种网页后门，以asp、php、jsp等网页文件形式存在的一种命令执行环境。webshel
抖音如何直播(新手小白在抖音上开直播的方法) 氧惠好项目
抖音直播怎么开启？抖音是当前最火热的一款APP，可以看短视频和直播，很多小伙伴也想在抖音平台直播，那该怎么做呢？接下来我就教大家如何在抖音直播平台开启直播。抖音直播怎么开启？1第一步：进入抖音打开抖音APP，点击下面的+号，这里可以选择上传视频或者是开启直播；2第二步：选择直播类型点击直播页面，选择你的直播类型，然后点击【开始直播】3第三步：完成实名认证首次进入直播页面之后，需要用户填写你的实名信
封装AJAX 泡杯感冒灵
Documentfunctionajax(options){varurl=options.url;vartype=options.type||'GET';vardataType=options.dataType||'json';varonsuccess=options.success||function(){};varonerror=options.error||function(){};vard
iot mqtt json数据包格式 ATM006 IoT 物联网 iot
iotjson数据包格式数据类型：订阅类型RegisterDeviceDeviceDataDeviceAlertAcknowledge发布类型RegistrationAckDataPublisUserCommand接口协议：1、MQTT主题：/iot/input/json2、接入格式：data='{\"eventType":"DevicesData",\#事件类型：必填（目前只支持DevicesD
【菜狗学前端】初探TS（结合在vue3中的使用）佛系菜狗前端前端 typescript vue vue.js javascript
TypeScript是拥有类型的JavaScript超集，它可以编译成普通、干净、完整的JavaScript代码。我们可以将TypeScript理解成加强版的JavaScript。简单来说:Ts是带类型语法的Js;Ts是Js的超集TS官方网站：https://www.typescriptlang.org/TS中文官网：https://www.tslang.cn/一、基础语法js已有类型：基本类型:
使用css3的动画属性@keyframes创建小说轮播图 Wiktok 前端模板制作 css html5 css3 前端框架 ui
最近一直在琢磨做一个小说网站模板，在寻找灵感时发现一个很好的小说展示效果-小说三维轮播，如下图所示：这种小说轮播展示方法不仅美观而且节省页面空间，那么他到底怎么实现的呢？由于本人是一个小白，所以去网上查了一下，但是很遗憾，没找到相关方法。通过页面元素检查，发现他应该使用的是css的媒体属性@media并结合js的相关功能，应该挺复杂的，那么我们能不能用一种相对简单的方法实现它呢？答案是有。通过cs
新手用户便宜购买阿里云服务器方式与购买技巧分享（2023更新）阿里云最新优惠和活动汇总
新用户首次购买阿里云产品，特别是购买阿里云服务器产品，掌握便宜购买阿里云服务器的方式与技巧是重要的，尤其是在2023年，各大品牌云服务商的云服务器价格都普遍上涨的今天，方法对了可以帮助我们节约一大笔资金，下面小编来说说新手用户便宜购买阿里云服务器的几点方法与购买技巧。第一、珍惜自己的新用户首购资格如果你是首次购买阿里云服务器，那你一定是新注册的阿里云账户，这个是很重要的，阿里云的各种优惠政策基本上
深入探究 npm cache 命令：用途与实践指南杨哥带你写代码 npm 前端 node.js
npm（NodePackageManager）是JavaScript编程语言的包管理器，广泛用于Node.js应用程序。它不仅用于管理项目中的依赖，还提供了一个强大的缓存机制来加速包的安装过程。npmcache命令是与npm缓存交互的命令行工具，它允许用户查看、清理和修复缓存。本文将详细介绍npmcache命令的用途和实践方法。npmcache命令概述npm的缓存是一个本地存储，用于保存已下载的包
java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档法姆利 java mysql 开发语言
java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档java计算机毕业设计智能停车场管理系统源码+mysql数据库+系统+部署+lw文档本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术：Layui、HTML、CSS、JS、JQuery等技术后端技术：JAVA运行环境：Win10、JDK1.8数据库：MySQL5.7/8
高级java每日一道面试题-2024年8月27日-框架篇[SpringMVC篇]-Spring MVC 支持哪些视图技术? java我跟你拼了 java每日一道面试题 java spring mvc 框架篇 SpringMVC篇后端视图解析器
如果有遗漏,评论区告诉我进行补充面试官:SpringMVC支持哪些视图技术?我回答:SpringMVC作为基于Spring框架的Web应用开发框架，其核心优势之一在于其支持多种视图技术，这使得开发者可以根据项目需求或个人偏好选择最适合的视图渲染方式。以下是SpringMVC支持的一些主要视图技术：JSP（JavaServerPages）：JSP是JavaEE规范的一部分，是Java平台下最常用的视
浏览器的网络请求304的缓存问题 victor-AI最好的学习方式是画图 http
1、http请求时浏览器先看本地缓存有没有该文件，没有文件就直接发起http请求获取最新js、html等文件。（缓存里面有该文件且没有过期直接使用本地缓存，谁都不商量，所以叫强制缓存）。2、本地缓存如果过期了的话就去问一下服务器请求的该文件有没有修改，没有修改就返回304继续使用本地缓存，同时更新一下本地缓存的过期时间（Expires和Cache-Control），修改的话返回200获取新文件。（
Vue项目中Axios取消请求功能实现流云紫电前端 javascript 开发语言 vue.js
1，封装axios实例request.jsconstaxios=require('axios');//创建一个axios实例constservice=axios.create({baseURL:"https://ip:port",timeout:60000});exportdefaultservice2，封装请求api.jsimportservicefrom'request'importaxios
书店销售内部后台管理系统员工信息部门图书入库账目集成分析销售客户计算机程序设计开发 java 课程设计计算机毕业设计 java springboot
本系统的设计实施为书店管理系统的运行做基础，为书店的管理提供良好的条件。系统主要实现了：员工信息管理、部门管理、图书管理、入库管理、账目集成分析、销售管理、客户管理。2.1系统开发工具本系统主要使用JSP技术对系统进行设计和开发。JSP拥有Java程序设计语言“一次编写，各处执行”、“安全性、保密性高”等的特点[13]；使用MYSQL数据库作为后台数据库，MYSQL系统具有强大的网上功能，可以在互
JSP/JAVAWEB/SSM/J2EE高考志愿填报推荐系统的开发计算机程序设计开发 java mysql javaweb ssm 推荐系统
目录1、概述2、功能描述3、数据表4、目录结构5、实现过程5.1SRC目录5.2webroot前端文件6、最终效果6.1前台用户效果6.2后台管理员用户效果1、概述开发环境：jdk1.8、tomcat7.0、mysql5.2开发工具：idea2019.3.1、navicat15编程语言后端：java；框架和引用的包：JavaBeanServletMVC、log4j.jar编程语言前端：JSP、ht
jstack排查CPU标高 StaticKing 个人知识管理 jvm java
前言由于日常开发过程中一些线程池的不规范使用及不能正常评估CPU计算密集型资源耗费或不正确的处理方式或过度的I/O操作可能会导致线程忙碌地等待I/O完成，从而影响CPU使用率，以及错误的线程使用便会出现CPU标高的问题问题排查与定位top命令查看占用CPU资源最高的进程top执行结果top-10:05:08up297days,19:11,0users,loadaverage:15.55,18.55
React Native for Arcgis 地图开发 MapView 使用（四） haibalai
对于地图调用import{MapView}from'@haibalai/react-native-arcgis';classMainMapViewextendsReact.Componentrender(){return()}}针对之前说的配置底图，可以支持切换```javascriptimport{MapManager}from'@haibalai/react-native-arcgis';ch
登录jwt处理原谅我很悲 #Java项目总结 java
登录jwt处理1、引入jwt依赖io.jsonwebtokenjjwt0.9.02、jwt工具类封装packagecom.zhw.util;importio.jsonwebtoken.Claims;importio.jsonwebtoken.JwtBuilder;importio.jsonwebtoken.Jwts;importio.jsonwebtoken.SignatureAlgorithm;
数据采集高并发的架构应用 3golden .net
问题的出发点：最近公司为了发展需要，要扩大对用户的信息采集，每个用户的采集量估计约2W。如果用户量增加的话，将会大量照成采集量成3W倍的增长，但是又要满足日常业务需要，特别是指令要及时得到响应的频率次数远大于预期。 &n
不停止 MySQL 服务增加从库的两种方式 brotherlamp linux linux视频 linux资料 linux教程 linux自学
现在生产环境MySQL数据库是一主一从，由于业务量访问不断增大，故再增加一台从库。前提是不能影响线上业务使用，也就是说不能重启MySQL服务，为了避免出现其他情况，选择在网站访问量低峰期时间段操作。一般在线增加从库有两种方式，一种是通过mysqldump备份主库，恢复到从库，mysqldump是逻辑备份，数据量大时，备份速度会很慢，锁表的时间也会很长。另一种是通过xtrabacku
Quartz——SimpleTrigger触发器 eksliang SimpleTrigger TriggerUtils quartz
转载请出自出处：http://eksliang.iteye.com/blog/2208166 一.概述 SimpleTrigger触发器，当且仅需触发一次或者以固定时间间隔周期触发执行；二.SimpleTrigger的构造函数 SimpleTrigger(String name, String group)：通过该构造函数指定Trigger所属组和名称； Simpl
Informatica应用（1） 18289753290 sql workflow lookup 组件 Informatica
1.如果要在workflow中调用shell脚本有一个command组件，在里面设置shell的路径；调度wf可以右键出现schedule，现在用的是HP的tidal调度wf的执行。 2.designer里面的router类似于SSIS中的broadcast（多播组件）;Reset_Workflow_Var：参数重置（比如说我这个参数初始是1在workflow跑得过程中变成了3我要在结束时还要
python 获取图片验证码中文字酷的飞上天空 python
根据现成的开源项目 http://code.google.com/p/pytesser/改写在window上用easy_install安装不上看了下源码发现代码很少于是就想自己改写一下添加支持网络图片的直接解析 #coding:utf-8 #import sys #reload(sys) #sys.s
AJAX 永夜-极光 Ajax
1.AJAX功能:动态更新页面,减少流量消耗,减轻服务器负担 2.代码结构: <html> <head> <script type="text/javascript"> function loadXMLDoc() { .... AJAX script goes here ...
创业OR读研随便小屋创业
现在研一，有种想创业的想法，不知道该不该去实施。因为对于的我情况这两者是矛盾的，可能就是鱼与熊掌不能兼得。研一的生活刚刚过去两个月，我们学校主要的是
需求做得好与坏直接关系着程序员生活质量 aijuans IT 生活
这个故事还得从去年换工作的事情说起，由于自己不太喜欢第一家公司的环境我选择了换一份工作。去年九月份我入职现在的这家公司，专门从事金融业内软件的开发。十一月份我们整个项目组前往北京做现场开发，从此苦逼的日子开始了。系统背景：五月份就有同事前往甲方了解需求一直到6月份，后续几个月也完
如何定义和区分高级软件开发工程师 aoyouzi
在软件开发领域，高级开发工程师通常是指那些编写代码超过 3 年的人。这些人可能会被放到领导的位置，但经常会产生非常糟糕的结果。Matt Briggs 是一名高级开发工程师兼 Scrum 管理员。他认为，单纯使用年限来划分开发人员存在问题，两个同样具有 10 年开发经验的开发人员可能大不相同。近日，他发表了一篇博文，根据开发者所能发挥的作用划分软件开发工程师的成长阶段。　　初
Servlet的请求与响应百合不是茶 servlet get提交 java处理post提交
Servlet是tomcat中的一个重要组成,也是负责客户端和服务端的中介 1,Http的请求方式(get ,post); 客户端的请求一般都会都是Servlet来接受的,在接收之前怎么来确定是那种方式提交的,以及如何反馈,Servlet中有相应的方法, http的get方式 servlet就是都doGet(
web.xml配置详解之listener bijian1013 java web.xml listener
一.定义 <listener> <listen-class>com.myapp.MyListener</listen-class> </listener> 二.作用该元素用来注册一个监听器类。可以收到事件什么时候发生以及用什么作为响
Web页面性能优化（yahoo技术） Bill_chen JavaScript Ajax Web css Yahoo
1.尽可能的减少HTTP请求数 content 2.使用CDN server 3.添加Expires头(或者 Cache-control) server 4.Gzip 组件 server 5.把CSS样式放在页面的上方。 css 6.将脚本放在底部(包括内联的) javascript 7.避免在CSS中使用Expressions css 8.将javascript和css独立成外部文
【MongoDB学习笔记八】MongoDB游标、分页查询、查询结果排序 bit1129 mongodb
游标游标，简单的说就是一个查询结果的指针。游标作为数据库的一个对象，使用它是包括声明打开循环抓去一定数目的文档直到结果集中的所有文档已经抓取完关闭游标游标的基本用法，类似于JDBC的ResultSet(hasNext判断是否抓去完,next移动游标到下一条文档)，在获取一个文档集时，可以提供一个类似JDBC的FetchSize
ORA-12514 TNS 监听程序当前无法识别连接描述符中请求服务的解决方法白糖_ ORA-12514
今天通过Oracle SQL*Plus连接远端服务器的时候提示“监听程序当前无法识别连接描述符中请求服务”，遂在网上找到了解决方案： ①打开Oracle服务器安装目录\NETWORK\ADMIN\listener.ora文件，你会看到如下信息： # listener.ora Network Configuration File: D:\database\Oracle\net
Eclipse 问题 A resource exists with a different case bozch eclipse
在使用Eclipse进行开发的时候，出现了如下的问题： Description Resource Path Location TypeThe project was not built due to "A resource exists with a different case: '/SeenTaoImp_zhV2/bin/seentao'.&
编程之美-小飞的电梯调度算法 bylijinnan 编程之美
public class AptElevator { /** * 编程之美小飞电梯调度算法 * 在繁忙的时间，每次电梯从一层往上走时，我们只允许电梯停在其中的某一层。 * 所有乘客都从一楼上电梯，到达某层楼后，电梯听下来，所有乘客再从这里爬楼梯到自己的目的层。 * 在一楼时，每个乘客选择自己的目的层，电梯则自动计算出应停的楼层。 * 问：电梯停在哪
SQL注入相关概念 chenbowen00 sql Web 安全
SQL Injection：就是通过把SQL命令插入到Web表单递交或输入域名或页面请求的查询字符串，最终达到欺骗服务器执行恶意的SQL命令。具体来说，它是利用现有应用程序，将（恶意）的SQL命令注入到后台数据库引擎执行的能力，它可以通过在Web表单中输入（恶意）SQL语句得到一个存在安全漏洞的网站上的数据库，而不是按照设计者意图去执行SQL语句。首先让我们了解什么时候可能发生SQ
[光与电]光子信号战防御原理 comsci 原理
无论是在战场上,还是在后方,敌人都有可能用光子信号对人体进行控制和攻击,那么采取什么样的防御方法,最简单,最有效呢? 我们这里有几个山寨的办法,可能有些作用,大家如果有兴趣可以去实验一下根据光
oracle 11g新特性:Pending Statistics daizj oracle dbms_stats
oracle 11g新特性:Pending Statistics 转从11g开始，表与索引的统计信息收集完毕后，可以选择收集的统信息立即发布，也可以选择使新收集的统计信息处于pending状态，待确定处于pending状态的统计信息是安全的，再使处于pending状态的统计信息发布，这样就会避免一些因为收集统计信息立即发布而导致SQL执行计划走错的灾难。在 11g 之前的版本中，D
快速理解RequireJs dengkane jquery requirejs
RequireJs已经流行很久了，我们在项目中也打算使用它。它提供了以下功能：声明不同js文件之间的依赖可以按需、并行、延时载入js库可以让我们的代码以模块化的方式组织初看起来并不复杂。在html中引入requirejs 在HTML中，添加这样的 <script> 标签： <script src="/path/to
C语言学习四流程控制if条件选择、for循环和强制类型转换 dcj3sjt126com c
# include <stdio.h> int main(void) { int i, j; scanf("%d %d", &i, &j); if (i > j) printf("i大于j\n"); else printf("i小于j\n"); retu
dictionary的使用要注意 dcj3sjt126com IO
NSDictionary *dict = [NSDictionary dictionaryWithObjectsAndKeys: user.user_id , @"id", user.username , @"username",
Android 中的资源访问(Resource) finally_m xml android String drawable color
简单的说，Android中的资源是指非代码部分。例如，在我们的Android程序中要使用一些图片来设置界面，要使用一些音频文件来设置铃声，要使用一些动画来显示特效，要使用一些字符串来显示提示信息。那么，这些图片、音频、动画和字符串等叫做Android中的资源文件。在Eclipse创建的工程中，我们可以看到res和assets两个文件夹，是用来保存资源文件的，在assets中保存的一般是原生
Spring使用Cache、整合Ehcache 234390216 spring cache ehcache @Cacheable
Spring使用Cache 从3.1开始，Spring引入了对Cache的支持。其使用方法和原理都类似于Spring对事务管理的支持。Spring Cache是作用在方法上的，其核心思想是这样的：当我们在调用一个缓存方法时会把该方法参数和返回结果作为一个键值对存放在缓存中，等到下次利用同样的
当druid遇上oracle blob(clob) jackyrong oracle
http://blog.csdn.net/renfufei/article/details/44887371 众所周知，Oracle有很多坑, 所以才有了去IOE。在使用Druid做数据库连接池后，其实偶尔也会碰到小坑，这就是使用开源项目所必须去填平的。【如果使用不开源的产品，那就不是坑，而是陷阱了，你都不知道怎么去填坑】用Druid连接池，通过JDBC往Oracle数据库的
easyui datagrid pagination获得分页页码、总页数等信息 ldzyz007
var grid = $('#datagrid'); var options = grid.datagrid('getPager').data("pagination").options; var curr = options.pageNumber; var total = options.total; var max =
浅析awk里的数组 nigelzeng 二维数组 array 数组 awk
awk绝对是文本处理中的神器，它本身也是一门编程语言，还有许多功能本人没有使用到。这篇文章就单单针对awk里的数组来进行讨论，如何利用数组来帮助完成文本分析。有这么一组数据： abcd,91#31#2012-12-31 11:24:00 case_a,136#19#2012-12-31 11:24:00 case_a,136#23#2012-12-31 1
搭建 CentOS 6 服务器(6) - TigerVNC rensanning centos
安装GNOME桌面环境 # yum groupinstall "X Window System" "Desktop" 安装TigerVNC # yum -y install tigervnc-server tigervnc 启动VNC服务 # /etc/init.d/vncserver restart # vncser
Spring 数据库连接整理 tomcat_oracle spring bean jdbc
1、数据库连接jdbc.properties配置详解　　jdbc.url=jdbc:hsqldb:hsql://localhost/xdb 　　jdbc.username=sa 　　jdbc.password= 　　jdbc.driver=不同的数据库厂商驱动，此处不一一列举　　接下来，详细配置代码如下：　　 Spring连接池
Dom4J解析使用xpath java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常 xp9802
用Dom4J解析xml,以前没注意,今天使用dom4j包解析xml时在xpath使用处报错异常栈：java.lang.NoClassDefFoundError: org/jaxen/JaxenException异常导入包 jaxen-1.1-beta-6.jar 解决; &nb

按字母分类： A B C D E F G H I J K L M N O P Q R S T U V W X Y Z 其他