JSFiddle - React, Tailwind, and code Playground

by Tamil

JavaScript

var listName = "Learn-1";
        var itemType = GetItemTypeForListName(listName);

      
        function GetItemTypeForListName(name)
        {
            return "SP.Data." + name.charAt(0).toUpperCase() + name.split(" ").join("").slice(1) + "ListItem";
        }


        function CreateListItem() 
        {
        	alert('welcome');
            var name 	= $("#txtName").val();              
            var dept 	= $("#txtDept").val();
            var contactNumber = $("#txtNumber").val();  
            var location = $("#txtLocation").val(); 
                   
            
            var item = {
                "__metadata": { "type": itemType },
                "Title": name,
                "Dept": dept,
                "Mobile_x0020_Number": contactNumber,                    
                "Location": location
            };
        
            $.ajax({
                url:  _spPageContextInfo.webAbsoluteUrl  + "/_api/web/lists/getbytitle('" + listName + "')/items",
                type: "POST",
                contentType: "application/json;odata=verbose",
                data: JSON.stringify(item),
                headers: {
                    "Accept": "application/json;odata=verbose",
                    "X-RequestDigest": $("#__REQUESTDIGEST").val(),
                    "X-HTTP-Method": "POST"  
                },
                success: function (data) {
                    alert("Iteam Created Successfully");
                },
                error: function (data) {
                    alert("failed");
                }
            });
        }