📄 ext.ajax.html.svn-base
字号:
<div class="body-wrap"> <div class="top-tools"> <a class="inner-link" href="#Ext.Ajax-props"><img src="../resources/images/default/s.gif" class="item-icon icon-prop">Properties</a> <a class="inner-link" href="#Ext.Ajax-methods"><img src="../resources/images/default/s.gif" class="item-icon icon-method">Methods</a> <a class="inner-link" href="#Ext.Ajax-events"><img src="../resources/images/default/s.gif" class="item-icon icon-event">Events</a> <a class="inner-link" href="#Ext.Ajax-configs"><img src="../resources/images/default/s.gif" class="item-icon icon-config">Config Options</a> <a class="bookmark" href="../docs/?class=Ext.Ajax"><img src="../resources/images/default/s.gif" class="item-icon icon-fav">Direct Link</a> </div> <div class="inheritance res-block"><pre class="res-block-inner"><a ext:cls="Ext.util.Observable" ext:member="" href="output/Ext.util.Observable.html">Observable</a> <img src="resources/elbow-end.gif"/><a ext:cls="Ext.data.Connection" ext:member="" href="output/Ext.data.Connection.html">Connection</a> <img src="resources/elbow-end.gif"/>Ajax</pre></div> <h1>Class Ext.Ajax</h1> <table cellspacing="0"> <tr><td class="label">Package:</td><td class="hd-info">Ext</td></tr> <tr><td class="label">Defined In:</td><td class="hd-info">Connection.js</td></tr> <tr><td class="label">Class:</td><td class="hd-info">Ajax</td></tr> <tr><td class="label">Extends:</td><td class="hd-info"><a ext:cls="Ext.data.Connection" ext:member="" href="output/Ext.data.Connection.html">Connection</a></td></tr> </table> <div class="description"> Global Ajax request class. Provides a simple way to make Ajax requests with maximum flexibility. Example usage:<pre><code><i>// Basic request</i>Ext.Ajax.request({ url: <em>'foo.php'</em>, success: someFn, failure: otherFn, headers: { <em>'my-header'</em>: <em>'foo'</em> }, params: { foo: <em>'bar'</em> }});<i>// Simple ajax form submission</i>Ext.Ajax.request({ form: <em>'some-form'</em>, params: <em>'foo=bar'</em>});<i>// Default headers to pass <b>in</b> every request</i>Ext.Ajax.defaultHeaders = { <em>'Powered-By'</em>: <em>'Ext'</em>};<i>// Global Ajax events can be handled on every request!</i>Ext.Ajax.on(<em>'beforerequest'</em>, <b>this</b>.showSpinner, <b>this</b>);</code></pre><br><br><i>This class is a singleton and cannot be created directly.</i> </div> <div class="hr"></div> <a id="Ext.Ajax-configs"></a> <h2>Config Options</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Config Options</th> <th class="msource-header">Defined By</th> </tr> <tr class="config-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-listeners"></a>
<b>listeners</b> : Object <div class="mdesc">
<div class="short">A config object containing one or more event handlers to be added to this object during initialization. This should b...</div>
<div class="long">
A config object containing one or more event handlers to be added to this object during initialization. This should be a valid listeners config object as specified in the <a ext:cls="Ext.util.Observable" ext:member="addListener" href="output/Ext.util.Observable.html#addListener">addListener</a> example for attaching multiple handlers at once. </div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#listeners" href="output/Ext.util.Observable.html#listeners">Observable</a></td>
</tr>
</table> <a id="Ext.Ajax-props"></a> <h2>Public Properties</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Property</th> <th class="msource-header">Defined By</th> </tr> <tr class="property-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-autoAbort"></a>
<b>autoAbort</b> : Boolean <div class="mdesc">
Whether a new request should abort any pending requests. (defaults to false) </div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-defaultHeaders"></a>
<b>defaultHeaders</b> : Object <div class="mdesc">
An object containing request headers which are added to each request made by this object. (defaults to undefined) </div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-disableCaching"></a>
<b>disableCaching</b> : Boolean <div class="mdesc">
True to add a unique cache-buster param to GET requests. (defaults to true) </div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-extraParams"></a>
<b>extraParams</b> : Object <div class="mdesc">
<div class="short">An object containing properties which are used asextra parameters to each request made by this object. (defaults to...</div>
<div class="long">
An object containing properties which are used asextra parameters to each request made by this object. (defaults to undefined) </div>
</div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-method"></a>
<b>method</b> : String <div class="mdesc">
<div class="short">The default HTTP method to be used for requests. Note that this is case-sensitive and should be all caps (defaultst...</div>
<div class="long">
The default HTTP method to be used for requests. Note that this is case-sensitive and should be all caps (defaultsto undefined; if not set but parms are present will use "POST," otherwise "GET.") </div>
</div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row alt">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-timeout"></a>
<b>timeout</b> : Number <div class="mdesc">
The timeout in milliseconds to be used for requests. (defaults to 30000) </div>
</td>
<td class="msource">Ajax</td>
</tr>
<tr class="property-row">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-url"></a>
<b>url</b> : String <div class="mdesc">
The default URL to be used for requests to the server. (defaults to undefined) </div>
</td>
<td class="msource">Ajax</td>
</tr>
</table> <a id="Ext.Ajax-methods"></a> <h2>Public Methods</h2> <table cellspacing="0" class="member-table"> <tr> <th class="sig-header" colspan="2">Method</th> <th class="msource-header">Defined By</th> </tr> <tr class="method-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-abort"></a>
<b>abort</b>( <span class="optional" title="Optional">[<code>Number transactionId</code>]</span> ) : void <div class="mdesc">
<div class="short">Aborts any outstanding request.</div>
<div class="long">
Aborts any outstanding request. <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>transactionId</code> : Number<div class="sub-desc">(Optional) defaults to the last transaction</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>void</code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.data.Connection" ext:member="#abort" href="output/Ext.data.Connection.html#abort">Connection</a></td>
</tr>
<tr class="method-row inherited alt expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-addEvents"></a>
<b>addEvents</b>( <code>Object object</code> ) : void <div class="mdesc">
<div class="short">Used to define events on this Observable</div>
<div class="long">
Used to define events on this Observable <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>object</code> : Object<div class="sub-desc">The object with the events defined</div></li> </ul>
<strong>Returns:</strong>
<ul>
<li><code>void</code></li>
</ul>
</div>
</div>
</div>
</td>
<td class="msource"><a ext:cls="Ext.util.Observable" ext:member="#addEvents" href="output/Ext.util.Observable.html#addEvents">Observable</a></td>
</tr>
<tr class="method-row inherited expandable">
<td class="micon"><a class="exi" href="#expand"> </a></td>
<td class="sig">
<a id="Ext.Ajax-addListener"></a>
<b>addListener</b>( <code>String eventName</code>, <code>Function handler</code>, <span class="optional" title="Optional">[<code>Object scope</code>]</span>, <span class="optional" title="Optional">[<code>Object options</code>]</span> ) : void <div class="mdesc">
<div class="short">Appends an event handler to this component</div>
<div class="long">
Appends an event handler to this component <div class="mdetail-params">
<strong>Parameters:</strong>
<ul><li><code>eventName</code> : String<div class="sub-desc">The type of event to listen for</div></li><li><code>handler</code> : Function<div class="sub-desc">The method the event invokes</div></li><li><code>scope</code> : Object<div class="sub-desc">(optional) The scope in which to execute the handlerfunction. The handler function's "this" context.</div></li><li><code>options</code> : Object<div class="sub-desc">(optional) An object containing handler configurationproperties. This may contain any of the following properties:<ul><li><b>scope</b> : Object<p class="sub-desc">The scope in which to execute the handler function. The handler function's "this" context.</p></li>
⌨️ 快捷键说明
复制代码
Ctrl + C
搜索代码
Ctrl + F
全屏模式
F11
切换主题
Ctrl + Shift + D
显示快捷键
?
增大字号
Ctrl + =
减小字号
Ctrl + -