ajax交互

交互

前后台传递数据

form标签

                 注意：action

                            method

                             name

https://www.baidu.com/?username=abc&password=123

form问题

1、刷新页面

2、向后台发送数据

ajax

1、不用刷新页面

2、可以从后台取数据

ajax的jquery写法：

$.ajax({

url:'后台的地址',

data:{

name1:value1,

name2:value2

},

success:function(data){

和后台的一次交流成功了

这个地方的成功不是逻辑上的成功，只是和后台对话成功

},

error:function(err){

没有和后台链接成功

这个是和后台链接失败报的错

}

})

接口：

1、看懂接口文档

usage: user.php?act=xxx&user=用户名&pass=密码

问号前面的是地址，问号后面的是数据

act:

add——注册用户

login——登陆

return: {error: 0, desc: 文字描述信息}

error:

0 成功

1 失败——具体原因参考desc

2、写ajax，人家要什么咱们局传什么

----------

jq插入的总结

append  父级.append(子级)    插入到内部的后面

appendTo 子级.appendTo(父级)  插入到内部的后面

prepend  父级.prepend(子级)    插入到内部的前面

prependTo  子级.prependTo(父级)  插入到内部的前面

after()    目标对象.after(被插入的对象)  插入到外部的后面

before()  目标对象.before(被插入的对象)  插入到外部的前面

insertAfter() 被插入的对象.before(目标对象)  插入到外部的前面

insertBefore() 被插入的对象.before(目标对象)  插入到外部的后面