java - 如何使用 JQuery + Ajax 发送将由 RestFulServices 使用的 JSON 对象数据？-6ren

java - 如何使用 JQuery + Ajax 发送将由 RestFulServices 使用的 JSON 对象数据？

转载作者：可可西里更新时间：2023-11-01 08:30:32

我必须使用 JQuery+Ajax 发送将由 RestFulWebServices 使用的 JSON 对象数据。在后端，我使用的是 hibernate(ver 4)+Maven(ver 3)+spring(ver 4)、MySql 数据库和 ApacheTopcat 服务器(ver 7)。但是我的 JqueryAjax 代码 index.html 客户端没有通过服务器发送数据。请帮助我我正在搜索但是他们在我的 Jquery Ajax 部分没有错误。如果您需要其他任何东西，请告诉我，我会经过这里。

form.html

<!DOCTYPE html>    
<html lang="en">    
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script>
    $(document).ready(function(){
       alert("1");
      $("button").click(function(){
        alert("2");
        var custName = $('#custName').val();
        var custMobile = $('#custMobile').value;
        var custEmail = $('#custEmail').value;
        var custAddress = $('#custAddress').value;  
        var JSONObject={"custName":custName, "custMobile": custMobile, "custEmail":custEmail,"custAddress":custAddress};
        /*
        var jsonData=JSON.stringify({
            "custName": "Navin1",
            "custMobile": "876532468",
            "custEmail": "abc@gmal.com",
            "custAddress": "BAnaore"
        });
        */
        var jsonData = JSON.stringify( JSONObject );
        $.ajax({
             url: "http://localhost:8080/HomeServiceProvider/customer/saveCustomer",
             type: "POST",
             dataType: "json",                  
             data: jsonData,
             contentType: "application/json; charset=utf-8",
             async: false,
             cache: false,
             processData:false,
         success: function(response){
            alert("scucess");
            alert(JSON.stringify(response));
         },
         error: function(err){
            alert("Fail");
            alert(JSON.stringify(err));
         }
    });

      });
    });
</script>
</head>
    <body>  
        <form>
            <fieldset style="text-align:right; width:300px">
                <legend><b>Registration Form</b></legend>
                    Name <input type="text" id="custName" name="custName"/><br/>
                    Mobile No <input type="text" id="custMobile" name="custMobile"/><br/>
                    Email <input type="text" id="custEmail" name="custEmail"/><br/>
                    Address <input type="text" id="custAddress" name="custAddress"/><br/>               
                <button>Save Data</button>
            </fieldset>
        </form>                 
    </body>
</html>

我的服务器地址是<强> http://localhost:8080/HomeServiceProvider/customer/saveCustomer

我的客户休息 Controller 是CustomerRestController

@RestController
@RequestMapping("/customer")
public class CustomerRestController {

    private static Logger log = LogManager.getLogger(CustomerRestController.class);

    @Value("${msg.customeradded}")
    private String message;
    @Value("${msg.successcode}")
    private int code;

    @Autowired
    private CustomerService customerService;

    @RequestMapping(value = "/saveCustomer", method = RequestMethod.POST, consumes = MediaType.APPLICATION_JSON_VALUE)
    public @ResponseBody Status saveCustomer(@RequestBody Customer customer){
        try {
            customerService.saveCustomer(customer);
            return new Status(code, message);
        } catch (Exception e) {
            return new Status(0, e.toString());
        }
    }

    @RequestMapping(value="/getAllCustomer",method=RequestMethod.GET, headers="Accept=application/json")
    public @ResponseBody List<Customer> getAllCustomer(){
        List<Customer> customers = null;
        try {
            customers = customerService.getAllCustomer();
        log.info("Size:"+customers.size());
        log.info("customers:"+customers);
        } catch(Exception e) {
            e.printStackTrace();
        }
        return customers;
    }
}

MyCustomer类Customer.Java通过Hibernate做表

@Entity
@Table(name = "customer", catalog = "service4homes")
public class Customer implements java.io.Serializable {

    private Integer CId;
    private String custName;
    private String custMobile;
    private String custEmail;
    private String custAddress;

    public Customer() {
    }

    public Customer(String custName, String custMobile, String custAddress) {
        this.custName = custName;
        this.custMobile = custMobile;
        this.custAddress = custAddress;
    }

    public Customer(String custName, String custMobile, String custEmail,
            String custAddress) {
        this.custName = custName;
        this.custMobile = custMobile;
        this.custEmail = custEmail;
        this.custAddress = custAddress;
    }

    @Id
    @GeneratedValue(strategy = IDENTITY)
    @Column(name = "c_id", unique = true, nullable = false)
    public Integer getCId() {
        return this.CId;
    }

    public void setCId(Integer CId) {
        this.CId = CId;
    }

    @Column(name = "cust_name", nullable = false, length = 50)
    public String getCustName() {
        return this.custName;
    }

    public void setCustName(String custName) {
        this.custName = custName;
    }

    @Column(name = "cust_mobile", nullable = false, length = 13)
    public String getCustMobile() {
        return this.custMobile;
    }

    public void setCustMobile(String custMobile) {
        this.custMobile = custMobile;
    }

    @Column(name = "cust_email", length = 100)
    public String getCustEmail() {
        return this.custEmail;
    }

    public void setCustEmail(String custEmail) {
        this.custEmail = custEmail;
    }

    @Column(name = "cust_address", nullable = false, length = 300)
    public String getCustAddress() {
        return this.custAddress;
    }

    public void setCustAddress(String custAddress) {
        this.custAddress = custAddress;
    }

}

当我运行代码时，我得到了什么form.index 数据 enter image description here

点击按钮后 enter image description here

最佳答案

$.ajax({

            url:urlName,

            type:"POST", 

            contentType: "application/json; charset=utf-8",

            data: jsonString, //Stringified Json Object

            async: false,    //Cross-domain requests and dataType: "jsonp" requests do not support synchronous operation

            cache: false,    //This will force requested pages not to be cached by the browser  

            processData:false, //To avoid making query String instead of JSON

            success: function(resposeJsonObject){

    }});

在 Controller 中，

@RequestMapping(value = "/saveCustomer", method = RequestMethod.POST, consumes = "application/json")
    public @ResponseBody Status saveCustomer(@RequestBody String jsonString){
    //check whether u r receiving some data over here
    System.out.println("received :" + jsonString);
        try {
            customerService.saveCustomer(customer);
            return new Status(code, message);
        } catch (Exception e) {
            return new Status(0, e.toString());
        }
    }

关于java - 如何使用 JQuery + Ajax 发送将由 RestFulServices 使用的 JSON 对象数据？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/28047585/

文章推荐： java - 如何在 ImageView 中使用的图像中定义可点击区域

文章推荐： c# - UTF-8 或 UTF-16 或 UTF-32 或 UCS-2

文章推荐： java - Rxjava 为什么 Schedulers.trampoline() 命名为 'trampoline' ？

java - 对象 a = 对象 b；对象 a 会发生什么？
我的一位教授给了我们一些考试练习题，其中一个问题类似于下面(伪代码): a.setColor(blue); b.setColor(red); a = b; b.setColor(purple); b
JavaScript 测试(对象 && 对象 !== "null"&& 对象 !== "undefined")
我似乎经常使用这个测试 if( object && object !== "null" && object !== "undefined" ){ doSomething(); } 在对象上，我
C#对象/对象
C# Object/object 是值类型还是引用类型？我检查过它们可以保留引用，但是这个引用不能用于更改对象。 using System; class MyClass { public s
javascript - 通过ajax发送json - 对象 - 对象
我在通过 AJAX 发送 json 时遇到问题。 var data = [{"name": "Will", "surname": "Smith", "age": "40"},{"name": "Wil
javascript - 如何获取值[对象][对象]
当我尝试访问我的 View 中的对象 {{result}} 时(我从 Express js 服务器发送该对象)，它只显示 [object][object]有谁知道如何获取 JSON 格式的值吗？这是
java - 对象...对象[] 和格式
我有不同类型的数据(可能是字符串、整数......)。这是一个简单的例子: public static void main(String[] args) { before("one"); }
javascript - 如何修复[对象，对象]
嗨，我是 json 和 javascript 的新手。我在这个网站找到了使用json数据作为表格的方法。我很好奇为什么当我尝试使用 json 数据作为表时，我得到 [Object,Object]
JavaScript [对象][对象] 调试
已关闭。此问题需要 debugging details 。目前不接受答案。编辑问题以包含 desired behavior, a specific problem or error, and the
java - 对象==空或空==对象？
我听别人说 null == object 比 object == null check 例如: void m1(Object obj ) { if(null == obj) // Is thi
VBS教程：对象-Match 对象
Match 对象提供了对正则表达式匹配的只读属性的访问。说明 Match 对象只能通过 RegExp 对象的 Execute 方法来创建，该方法实际上返回了 Match 对象的集合。所有的
VBS教程：对象-Class 对象
Class 对象使用 Class 语句创建的对象。提供了对类的各种事件的访问。说明不允许显式地将一个变量声明为 Class 类型。在 VBScript 的上下文中，“类对象”一词指的是用
VBS教程：对象-Folder 对象
Folder 对象提供对文件夹所有属性的访问。说明以下代码举例说明如何获得 Folder 对象并查看它的属性： Function ShowDateCreated(f
VBS教程：对象-File 对象
File 对象提供对文件的所有属性的访问。说明以下代码举例说明如何获得一个 File 对象并查看它的属性： Function ShowDateCreated(fil
VBS教程：对象-Drive 对象
Drive 对象提供对磁盘驱动器或网络共享的属性的访问。说明以下代码举例说明如何使用 Drive 对象访问驱动器的属性： Function ShowFreeSpac
VBS教程：对象-FileSystemObject 对象
FileSystemObject 对象提供对计算机文件系统的访问。说明以下代码举例说明如何使用 FileSystemObject 对象返回一个 TextStream 对象，此对象可以被读
对象
我是 javascript OOP 的新手，我认为这是一个相对基本的问题，但我无法通过搜索网络找到任何帮助。我是否遗漏了什么，或者我只是以错误的方式解决了这个问题？这是我的示例代码: functio
对象
我可以很容易地创造出很多不同的对象。例如像这样: var myObject = { myFunction: function () { return ""; } };
对象
function Person(fname, lname) { this.fname = fname, this.lname = lname, this.getName = function()
javascript - JSON 返回(对象，对象)
任何人都可以向我解释为什么下面的代码给出 (object, Object) 吗？ (console.log(dope) 给出了它应该的内容，但在 JSON.stringify 和 JSON.parse
javascript - 返回 [对象，对象] 的工具提示
我正在尝试完成散点图 exercise来自免费代码营。然而，我现在只自己学习了 d3 几个小时，在遵循 lynda.com 的教程后，我一直在尝试确定如何在工具提示中显示特定数据。 This code

可可西里

个人简介

我是一名优秀的程序员,十分优秀！

作者热门文章

滴滴打车优惠券免费领取

全站热门文章

首页

博学

6Ren·AI

商城

java - 如何使用 JQuery + Ajax 发送将由 RestFulServices 使用的 JSON 对象数据？