extjs学习笔记（一）一些基础知识

　2009-10-11 00:00:00　来源：WEB开发网　　　

核心提示： 可以看到在js目录下边，加了一个vvswd-ext_2.0.2.js的文件，extjs学习笔记（一）一些基础知识(3)，这个文件可以实现vs2008对于extjs库的智能提示，方便编程（不过我没找到针对3.0版的，是一个包含服务器端响应数据的XMLHttpRequest 对象callback:

extjs学习笔记（一）一些基础知识

可以看到在js目录下边，加了一个vvswd-ext_2.0.2.js的文件，这个文件可以实现vs2008对于extjs库的智能提示，方便编程（不过我没找到针对3.0版的，如果哪位朋友找到了请发一份给我）。我们先来看下extjs中实现和服务器端通信的一个函数 Ext.ajax.request，该函数接受一个json对象作为参数，该对象有几个常用的属性:

url:字符串类型，指明请求的地址

params:请求时传递给服务器段的参数，可以是对象，字符串

method:请求的方法，字符串类型，“GET"或者"POST"，注意必须是大写的

success:函数类型，请求成功后会执行的函数，该函数有一个参数，是一个包含服务器端响应数据的XMLHttpRequest 对象

failure:函数类型，请求失败后会执行的函数，该函数有一个参数，是一个包含服务器端响应数据的XMLHttpRequest 对象

callback:函数类型，无论请求的结果如何都会执行

好，我们就具体来看看extjs是如何实现和服务器端的交互吧。先把我们的hello.htm页面做如下改动：

　1<html> 　2<head> 　3<meta　http-equiv="Content-Type"　content="text/html;charset=utf-8"　/> 　4<title>Extjs　hello　world　dialog</title> 　5<link　rel="stylesheet"　type="text/css"　href="extjs/resources/css/ext-all.css"　/> 　6<script　type="text/javascript"　src="extjs/ext-base-debug.js"></script> 　7<script　type="text/javascript"　src="extjs/ext-all-debug.js"></script> 　8<script　type="text/javascript"　src="extjs/ext-lang-zh_CN.js"></script> 　9<script　type="text/javascript"　src="js/daben.js"></script> 10</head> 11<body> 12<input　type="text"　id="txt"　/><input　type="button"　id="btn"　value="提交"　/> 13<div　id="div"></div> 14</body> 15</html>