当前位置:首页>开发>正文

问jquery下的ajax怎么写 JQuery 与ajax的关系

2023-04-12 16:47:30 互联网 未知 开发

 问jquery下的ajax怎么写 JQuery 与ajax的关系

问jquery下的ajax怎么写

你的意思是a文本域输入文本,点击按钮之后把该值传到a.html经过后台出来,返回一个值,然后让他在b文本域显示是吗?
不知道你后台用什么语言,要做怎样的处理,我只写一下js吧,
var val = $("#a").html()[是input] 或者 val = $("#a").html()[textarea]
var url = "a.html" [a.html的路径]
$.post(请求的URL,参数(以JSON的格式),回调函数) $.getJSON,$.get用法一样
$.post(url, {"val":val}, function(data){
//后台用post方式接收参数 ex:$val = $_POST["val"]
//后台要经过输出给响应回来 ex:exit($val)
//要看你响应回来的数据是什么格式啦 如果是字符处需要处理一下
//用$.getJSON 的话,如果响应的是JSON格式就不需要处理
data = eval("(" data ")") //对象
$("#b").html(data) //赋值和上面取值一样 ···
})

JQuery 与ajax的关系

jQuery在ajax的基础上,进行了封装。

通过创建一些ajax事件和ajax请求,来满足各种异步请求的工作。

jQuery是一种javascript框架,是对javascript的一种轻量级的封装,容易理解,易于上手。
Ajax是一种由xml javascript组合起来的一种异步请求技术,当然现在异步请求的传输数据格式早已不局限于xml了,json比其更加流行。

了解各自的功能,才能更好的理解它们之间有何关系。

Jquery中常用的AJax的方法有哪几个

jQuery中ajax的4种常用请求方式:
1.$.ajax()返回其创建的 XMLHttpRequest 对象。
$.ajax() 只有一个参数:参数 key/value 对象,包含各配置及回调函数信息。如果指定了 dataType 选项,请确保服务器返回正确的 MIME 信息,(如 xml 返回 "text/xml")。
实例:
保存数据到服务器,成功时显示信息。
$.ajax({ type: "post", dataType: "html", url: /Resources/GetList.ashx, data: dataurl, success: function (data)   {
if (data != "") {
$("#pager").pager({
pagenumber: pagenumber, pagecount: data.split("$$")[1],
buttonClickCallback: PageClick })
$("#anhtml").html(data.split("$$")[0])
}
}
})
2.通过远程 HTTP GET 请求载入信息。
这是一个简单的 GET 请求功能以取代复杂 $.ajax 。请求成功时可调用回调函数
。如果需要在出错时执行函数,请使用 $.ajax。 实例:
$.get("test.cgi", { name: "John", time: "2pm" },
function(data){
alert("Data Loaded: "   data)
})
3. 通过远程 HTTP POST 请求载入信息。 这是一个简单的 POST 请求功能以取代复杂 $.ajax 。
请求成功时可调用回调函数。如果需要在出错时执行函数,请使用 $.ajax。
实例:
$.post("/Resources/addfriend.ashx", { "fid": fids, "fname": fnames, "tuid": tuids, "tuname": tunames },
function (data) {
if (data == "ok") {
alert("添加成功!")
}
}
)
4.通过 HTTP GET 请求载入 JSON 数据。
实例:
$.getJSON("api.flickr.com/services/feeds/photos_public.gne?tags=cat&tagmode=any&format=json&
jsoncallback=?,前面加上http://", function(data){
$.each(data.items, function(i,item){
$("<img/>").attr("src", item.media.m).appendTo("#images")
if ( i == 3 ) return false
})
})

JQuery的ajax问题

可以使用Ajax.
把你的data后面的字符串的地址栏传真形式改为json数组变量传值形式就可以。
代码如下:
var dataStr={"product.proFid":proFid,"product.proMessage":proMessage}
$.ajax({
                type:"POST",
                url: "saveProduct.action",
                dataType: "text",
                data:dataStr,
                contentType: "application/x-www-form-urlencoded charset=UTF-8",
                success: function(proJson){
                    if(proJson=="ok"){
                        alert("产品添加成功!")
                        window.location.href="product.jsp"
                    }else{
                        alert("产品添加失败!")
                        return false
                    }
                },error:function(){
                    alert("添加产品 Ajax异常")
                }
            })
改成这样就OK了。

jquery 中的ajax 怎么样

jquery 只是 javascript 库 基本语法 还是js,主要是他的选择器是比目前其他 javascript 库都快, 其其 js 库 MooTools、Prototype、YUI 和 Dojo

最新文章