您的位置:

jsajax实例post的简单介绍

jsajax实例post的简单介绍

更新:

本文目录一览:

js中怎样使用ajax通过post提交数组数据?php在后台怎样获取数组数据?

有一个参数type:post,这个是以post方式进行提交,data:function(){里面是返回的数据}

简单的ajax.post方法的问题

$document.ready(function(){ })这么写应该是错误的吧,

应该是 $(document).ready(function(){})

String name = request.getParameter("params");

这样取参数应该取不到吧,你上面传参数的正确格式是这样的:

{"a":"data"};

String name = request.getParameter("params");这里的参数应该是上面传的参数的key值;应该是

String name = request.getParameter("a");

请给个jQuery ajax - post()方法的例子, 发送数据返回结果

$("button").click(function(){

$.post("demo_test_post.asp",

{

name:"Donald Duck",

city:"Duckburg"

},

function(data,status){

alert("Data: " + data + "\nStatus: " + status);

});

});

$.post() 的第一个参数是我们希望请求的 URL ("demo_test_post.asp")。

然后我们连同请求(name 和 city)一起发送数据。

"demo_test_post.asp" 中的 ASP 脚本读取这些参数,对它们进行处理,然后返回结果。

第三个参数是回调函数。第一个回调参数存有被请求页面的内容,而第二个参数存有请求的状态。

提示:这个 ASP 文件 ("demo_test_post.asp") 类似这样:

%

dim fname,city

fname=Request.Form("name")

city=Request.Form("city")

Response.Write("Dear " fname ". ")

Response.Write("Hope you live well in " city ".")

%

JS与Ajax Get和Post在使用上的区别实例详解

原生js我不太明白,因为ajax是再太复杂了。

这里我可以说一下jQuery的ajax,我也是初学者,下面是我理解的:

$.ajax相对于$.get和$.post封装的比较底层,$.post比$.get封装的要底层,

越高层的使用起来越简单,越底层功能越强大。

jQuery中ajax - get() 方法实例详解

在jquery中使用get,post和ajax方法给服务器端传递数据,在上篇文章给大家分享了jquery中ajax-post()方法实例,下面通过本文继续学习jQuery中ajax

-

get()

方法,具体介绍请看下文。

jQuery

Ajax

参考手册

实例

使用

AJAX

GET

请求来改变

div

元素的文本:

$("button").click(function(){

$.get("demo_ajax_load.txt",

function(result){

$("div").html(result);

});

});

亲自试一试

定义和用法

get()

方法通过远程

HTTP

GET

请求载入信息。

这是一个简单的

GET

请求功能以取代复杂

$.ajax

。请求成功时可调用回调函数。如果需要在出错时执行函数,请使用

$.ajax。

语法

$(selector).get(url,data,success(response,status,xhr),dataType)

详细说明

该函数是简写的

Ajax

函数,等价于:

$.ajax({

url:

url,

data:

data,

success:

success,

dataType:

dataType

});

根据响应的不同的

MIME

类型,传递给

success

回调函数的返回数据也有所不同,这些数据可以是

XML

root

元素、文本字符串、JavaScript

文件或者

JSON

对象。也可向

success

回调函数传递响应的文本状态。

对于

jQuery

1.4,也可以向

success

回调函数传递

XMLHttpRequest

对象。

示例

请求

test.php

网页,忽略返回值:

$.get("test.php");

更多示例

例子

1

请求

test.php

网页,传送2个参数,忽略返回值:

$.get("test.php",

{

name:

"John",

time:

"2pm"

}

);

例子

2

显示

test.php

返回值(HTML

XML,取决于返回值):

$.get("test.php",

function(data){

alert("Data

Loaded:

"

+

data);

});

例子

3

显示

test.cgi

返回值(HTML

XML,取决于返回值),添加一组请求参数:

$.get("test.cgi",

{

name:

"John",

time:

"2pm"

},

function(data){

alert("Data

Loaded:

"

+

data);

});

jquery

ajax

$.get()用法详解

js文件

$(document).ready(function(){

$("form").submit(function(event)

{event.preventDefault()})//取消submit的默认行为

$("form

input[type='submit']").click(function(){

var

url

=

$('form').attr('action');

//

取Form中要提交的链接

var

param

=

{};

//

组装发送参数

param['name']

=

$('form

input[name=name]').val();

param['age']

=

$('form

input[name=age]').val();

$.get(url,

param,

function(dom)

{

$('div.get').append(dom)

})

;

//

发送并显示返回内容

});

})

html文件

form

action="ajax.php"

method="get"

Name:

input

type="text"

name="name"

/

Age:

input

type="text"

name="age"

/

input

type="submit"

/

/form

div

class="get"这是ajax的get方法/div

php文件

error_reporting(0);

if($_GET["name"]=="kitty")

{

$name=

"you

are

the

lucky";

}

else

$name=$_GET["name"];

$age=$_GET["age"];

echo

"div

".$name."

".$age."/div";

以上介绍就是本文给大家分享的jQuery中ajax

-

get()

方法实例详解,希望大家喜欢。

jquery中ajax中post方法传递参数

jQuery ajax - post() 方法:

1、定义和用法:

post() 方法通过 HTTP POST 请求从服务器载入数据。

2、语法:

jQuery.post(url,data,success(data, textStatus, jqXHR),dataType)

url :必需。规定把请求发送到哪个 URL。

data :可选。映射或字符串值。规定连同请求发送到服务器的数据。

success(data, textStatus, jqXHR):    可选。请求成功时执行的回调函数。

dataType :可选。规定预期的服务器响应的数据类型。默认执行智能判断(xml、json、script 或 html)。

jsajax实例post的简单介绍

本文目录一览: 1、js中怎样使用ajax通过post提交数组数据?php在后台怎样获取数组数据? 2、简单的ajax.post方法的问题 3、请给个jQuery ajax - post()方法的例子

2023-12-08
javascript入门笔记1的简单介绍

2022-11-18
python使用笔记23的简单介绍

2022-11-10
javascript简要笔记,JavaScript读书笔记

2022-11-17
java包笔记,Java语言包

2022-11-18
jquerypostjson实例的简单介绍

本文目录一览: 1、JQuery POST json 数据在后台怎么获取数据 2、求一个源码jquery json 例子 3、用JQUERY$.POST发送JSON数据可以用JSON做变量吗? 4、j

2023-12-08
c到c语言笔记的简单介绍

2022-11-24
java客户端学习笔记(java开发笔记)

2022-11-14
印象笔记记录java学习(Java成长笔记)

2022-11-12
checkboxjsvalue的简单介绍

本文目录一览: 1、js jquery 给 checkbox value属性赋值? 2、js中如何将checkbox 选中的VALUE值在点击按钮后显示到层中? 3、JS点击checkbox将其val

2023-12-08
java基础知识学习笔记一,Java基础笔记

2022-11-21
重学java笔记,java笔记总结

2022-11-23
java基础第一天学习笔记(java课程笔记)

2022-11-09
htmljs编程笔记(html代码笔记)

本文目录一览: 1、html代码和JS代码有什么区别 2、如何在html中调用js函数 3、JavaScript学习笔记之数组基本操作示例 4、HTML5初学者笔记 5、《web前端笔记7》js字符—

2023-12-08
java学习笔记(java初学笔记)

2022-11-14
jstorm实例的简单介绍

本文目录一览: 1、Storm中进程,线程,任务和实例的关系 2、storm基本概念 3、请教,icestorm的实例实现,出现了问题 4、如何在Windows下搭建Storm Storm中进程,线程

2023-12-08
php最好的教程的简单介绍

2022-11-25
重拾python笔记三的简单介绍

2022-11-13
postman上传文件和json参数的简单介绍

本文目录一览: 1、postman怎么发送json参数 2、postman如何导入json文件 3、json和普通字段怎么一起传 4、postman 怎么提交json数据 5、postman上传文件应

2023-12-08
java笔记,大学java笔记

2022-11-28